网络请求: 使用promise对小程序请求进行封装

进行小程序开始时，我们免不了需要向后端发起很多请求，诸如wx.request({})... 之类的代码也会出现很多次，为了优化代码量，减少我们的工作量，我们可以对请求进行封装。

此处，我们主要使用promise进行封装，主要考虑到：

1. promise相较于普通的请求，可以避免代码嵌套的问题
2. promise可以捕获请求中的异常，方便我们debug

一、首先我们先创建一个js文件，命名为util.js (utils/util.js)

二、在util.js中创建封装的request方法如下：

const baseURL = '' //请求地址，视开发环境而定
function request(url, data = {}, method = "POST"){
    return new Promise(function(resolve, reject) {
        wx.request({
            url: `${baseURL}`+url,
            data: data,
            method: method, 
            header: {
                'Content-type': 'application/json',
            },
            success: function(res) {
                if(res.code == 200){
                    resolve(res.data)
                }else{
                    reject(err)
                }
            },
            fail: function(err){
    
            }
        })
    })
}

三、在需要的页面进行引用

const util = require('../../utils/util.js');

 

四、进行调用

getCatalog: function () {
    let that = this;
    let data = {...}
    // url为接口地址,请求方式为GET,如果为POST可以不写
    util.request('url',data,'GET').then(function (res) {    
        that.setData({
            data: res.data.data
        });
    });
},