1、在根目录下创建一个文档,例如创建一个http文档,在文档内写入三个js文件,分别为api.js文件、fetch.js文件以及http.js文件
2、在fetch.js中用promise对wx.request()进行封装
//module.exports=(url,method,data)=>{
//let p=new Promise ((resolve,reject)=>{
// wx.request({
// url:url,//接口路径
// method:method,//使用的方式 例如 get方式
// data:Object.assign({},data), //所传递的数据
// header:{'Content-Type': 'application/text'},
// success(res){
// resolve(res)
// },
// fail(err){
// reject(err)
// }
// })
// })
// return p;
// }
3、在api.js中封装具体的接口路径
// module.exports={
// banner:'/home/swiperdata',//此路径仅供参考
// }
4、在http.js,根据当前环境,设置相应的baseurl,引入fetch中封装好的promise请求,封装基础的get\post\put\upload等请求方法,设置请求体,带上token和异常处理等;
设置对应的方法导出;
// const api=require('./api')
// const fetch=require('./fetch')
// let baseUrl; //接口的公共部分
//轮播的请求函数
// function banner(){
// return fetch(baseUrl+api.banner,"get",{})
// }
//导出接口函数
// module.exports={
// banner
// }
5、在全局app.js中导入http,注册到根组件
// var http=require('./http/http')
// App({
// http:http,
// })
6、在具体页面中,并使用;
//获取应用实例
// const app=getApp();
// Page({
// data:{
// list:[]
// }
// onLoad: function(){
// app.http.banner().then((res)=>{
// this.setData({
// list: res.data.list
// })
// })
// )