一、工具层
文件地址:utils/request.js
// 公共api地址
const API = ""
// 封装request函数
const request = (option) => {
// 定义默认参数
const defaultOption = {
method: 'GET',
data: null
}
// 合并最终参数
const finalOption = Object.assign(defaultOption, option)
// 包裹promise壳子
return new Promise((resolve, reject) => {
wx.request({
url: API + finalOption.url,
method: finalOption.method,
data: finalOption.data,
success(res) {
resolve(res)
},
fail(err) {
reject(err)
}
})
})
}
// 导出
module.exports = request
二、接口层
示例文件地址:api/user.js
// 引入第一层(路径根据自己的来)
const request = require('../utils/request')
// 定义接口函数
const getListReq = (data) => {
return request({
method: 'GET',
url: '/getlist',
data
})
}
// 导出
module.exports = {
getListReq
}
三、应用层
示例文件地址:pages/user/user.js
// 引入接口文件(路径根据自己的来)
const { getListReq } = require('../../api/user')
// 定义发送请求函数
async GetList() {
let res = await getListReq({传递的参数})
console.log(res);
},
//生命周期中调用
onLoad(options) {
// 调用请求函数
this.GetList()
,