建議把所有請求抽離到不同頁面對應的js檔案中，可以方便后期的修改和排查問題，小程式請求是通過微信后臺來請求我們的后臺地址來進行后端映射、你請求的介面實際到微信的后端做了一道映射，微信后端拿到你的 wx.request 呼叫的 url、用后端請求后端，所以不會出現跨域問題
一、新建network檔案夾并建立netwrok.js檔案
import baseURL from "./config.js";
// 引入baseURL 后面會講到
export default function request(options){
// options為呼叫時傳入的引數物件
return new Promise((resolve,reject)=>{
wx.request({
header:{
'pc-token':'4a82b23dbbf3b23fd8aa291076e660ec'
//定義公共頭部資訊
},
url:baseURL+options.url,
// 拼接請求地址
data:options.data||{},
// 傳入data引數
method:options.method||'get',
// 傳入請求型別默認為get
success:function(res){
resolve(res)
// 成功回呼
},
fail:function(res){
reject(res)
// 失敗回呼
}
})
})
}二、在network中建立config.js檔案配置公共資訊
const baseURL='http://xxxxxxxxxxx'
// 配置公共地址并暴露
export default baseURL三、建立對應的js檔案，配置單個請求檔案
import requset from "./network";
// 引入requset請求
export function getList(page){
// 配置當前請求的地址和傳入的引數
return requset({
url:"/getCarList",
data:{
page
},
method:'post'
})
}四、使用
import {getList} from "../../network/req.js";
// 引入封裝好的單個請求
// 呼叫請求獲取資料
getList(1).then((res)=>{
this.setData({
list:res.data
})
})
五、跨域的配置，打上對勾即可！
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/279272.html
標籤：其他
上一篇：父組件傳給子組件的子組件？
下一篇：免費學習編程的10個好工具