封装api接口的好处
我们平常项目中基本每页都需要请求数据,而如果我们每次请求输入据都用小程序本身的request就会造成代码量过多,很难找到相应的方法。
所以要封装一下,从而减少代码量,这个可以做到请求的接口和页面分离,方便维护和阅读。
过程:
在我们项目的根目录下新建一个http文件,然后里面新建1个js文件,文件名叫http.js,然后我们这个http.js主要使用promise封装我们的wx.request();
let baseUrl = “https://xxx”; // 这个变量存放我们接口统一的域名
在fetch.js中:
export default (url,data,method)=>{ // 导出一个函数 函数中的 url是请求接口地址 data 是发送的参数 method 是请求方式
return new Promise((resolve,rejects)=>{ // 返回一个 promise
wx.request({
url, //请求地址
data, // 请求时携带的参数
method, // 请求方式
success(res){ // 请求成功指定的函数
resolve(res); // 请求成功执行成功的回调,执行的是 then
},
fail(err){ // 请求失败执行的函数
rejects() // 请求失败执行的回调,执行的是 catch
},
})
})
}