小程序wx.reuqest封装

wx.reuqest封装

小程序开发避免不了使用wx.requset这个API，从新手走过来发现还是封装一下使用起来比方便的。

新建一个js文件，命名request.js，内容如下：

const request = (url, data, method, header) => {
    const baseUrl = 'XXX';
    return new Promise((resolve, reject) => {
        wx.request({
            url: baseUrl + url,
            data: data,
            header: header,
            method: method,
            success: (res => {
                if (res.statusCode === 200) {
                    resolve(res.data);
                } else {
                    reject(res.data);
                }
            }),
            fail: (res => {
                reject(res.data);
            })
        });
    });
}
export default request

使用方法

在使用的时候，需要在页面js引入request.js文件

import request from '/utils/request.js';

以post方法为例：

post: function (url, data) {
	// header里面的内容可以根据情况进行修改
	let headr = {
		'content-type': 'application/json'
	}
	return requset(url, data, 'POST', headr);
}

在页面中调用post方法：

let data = {};
post('XXX', data).then(res => {
	// 请求成功之后执行的方法
	console.log(res);
}).catch(err => {
	// 请求失败之后执行的方法
	console.log(err);
})

以上是我在使用wx.request时使用的方法。