微信小程序网络访问框架封装

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/u010724819/article/details/84751513

首先看下目录结构：

网络框架封装，这里使用的是Promise，类似于安卓中的RxJava：

//封装请求
module.exports = (url,type,data) => {
  //返回一个promise对象处理异步逻辑
  return new Promise((resolve,reject)=>{
    wx.request({
      url: url,
      data: data,
      header: {
        "Content-Type": 'json'
      },
      method: type,
      dataType: "json",
      success: resolve,
      fail: reject,
    })
  })
}

接着是在文件中导入框架：

var fetch = require('../../fetch/fetch.js');

下面是使用方法： 

fetch('https://locally.uieee.com/categories/' + this.data.catId + '/shops', 'GET', { _page, _limit }).then(res => {
      console.log(res.header) 在响应头中X-Total-Count代表数据总数
    }).catch();

整体的使用方法结构是：