如何使用Promise封装wx.request()

如何使用Promise封装wx.request()

在根目录下创建http文件夹，在里面创建api.js文件和fetch.js文件还有http.js文件；
在fetch.js中使用promise对wx.request()进行封装：

//封装wx.request()网络模块
module.exports =(url,method,data)=>{
  let p = new Promise((resolve,reject)=>{
    wx.request({
      url: url,
      method:method,
      data:Object.assign({},data),
      header: {
        'content-type': 'application/json' // 默认值
      },
      success (res) {
        resolve(res)
      },
      fail(err){
        reject(err)
      }
    })
  })
  return p;
}

在http.js文件中，根据当前环境，设置相应的baseUrl,引入封装好的promise请求，设置请求体，带上token和异常处理，设置对应的方法并导出

const api = require("./api")
const fetch = require('./fetch')

//轮播请求
function banner(){
  return fetch(baseUrl+api.banner,'get',{})
}
//列表请求
function list(){
  return fetch(baseUrl+api.list,'get',{type:"pop",page:1})
} 

module.exports = {
  banner,list
}

在全局app.js中引入http,并注册到根组件。

const http = require('./http/http.js')
App({
	 http:http
})

在要使用的页面引入并使用。

const app = getApp()
Page({
	  data: {
	    imgList:[],
   	  },
	onLoad: function (options) {
	 app.http.banner().then((res)=>{
      // console.log(res);
      let {data:{data:{banner:{list}}}} = res
      // console.log(res.data.data.recommend.list);
         this.setData({
           imgList:list,
         })
    }),
}
})