本文共 1363 字,大约阅读时间需要 4 分钟。
1、在根目录下创建一个文档,例如创建一个http文档,在文档内写入三个js文件,分别为api.js文件、fetch.js文件以及http.js文件
//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 // }) // }) // )
转载地址:http://qhtaz.baihongyu.com/