前言

最近学习了一下wepy微信小程序的开发，就简单的介绍一下怎么构建项目，工欲善其事必先利其器，今天主要说的还是对wepy.request的二次封装。封装之后可以更好的调用。
全局安装wepy

npm install wepy-cli -g
复制代码

创建项目

wepy new myproject
复制代码

切换至项目目录

cd myproject
复制代码

安装依赖

npm install
复制代码

开启实时编译

wepy build --watch
复制代码

好了项目已经构建完成，接下来就是重点，对wepy.request的封装。
首先我们新建一个名为util的文件夹，再新建一个名为httpRequest.js的文件
好了，废话不多说接下俩开始封装我们的请求方法，代码当中都有注释：
httpRequest.js

// 引入 wepy
import wepy from 'wepy'
/** wx.request服务封装 */
export class RequestService {/*** create by wq* info 请求完成后返回信息* callBack 回调函数* errTip 自定义错误信息*/static httpHandlerError(info, callBack, errTip) {wepy.hideLoading()/** 请求成功，退出该函数 可以根据项目需求来判断是否请求成功。这里判断的是status为200的时候是成功*/if (info.statusCode === 200) {return false} else {/** 401 没有权限时，重新登录 */if (info.data.status === 401) {wepy.redirectTo({url: 'index'})}/** 判断是否有自定义错误信息，如果有，优先使用自定义错误信息，其次曝出后台返回错误信息 */let errorInfo = ''if (errTip) {errorInfo = errTip} else {if (info.data.errMsg) {errorInfo = info.data.errMsg} else {errorInfo = '也许服务器忙!'}}wepy.showToast({title: errorInfo,icon: 'loading',duration: 3000})/** 发生错误信息时，如果有回调函数，则执行回调 */if (callBack) {callBack()}return true}}/*** create by wq*请求封装* 主要是使用return this 可以进行链式调用，也可以自己传值来进行更改*method 请求方式*data 发送请求数据*url 请求路径*fail 请求失败，执行该函数*success 请求成功，执行该函数* send 发送请求* header设置请求头*/static sendRequest() {const that = thisreturn {_sucCallback: null,_failCallback: null,_method: 'GET',_data: {},_header: {'content-type': 'application/json'},_url: '',send: function() {wepy.request({header: this._header,data: this._data,url: this._url,method: this._method,success: (res) => {let error = that.httpHandlerError(res, this._failCallback)if (error) returnthis._sucCallback(res)},fail: (res) => {this._failCallback()}})return this},success: function(callback) {this._sucCallback = callbackreturn this},fail: function(callback) {this._failCallback = callbackreturn this},url: function(url) {this._url = urlreturn this},data: function(data) {this._data = datareturn this},header: function(header) {this._header = headerreturn this},method: function(method) {this._method = methodreturn this}}}
}复制代码

封装完了之后我们来调用下

// 引入httpRequest
import { RequestService } from './util/httpRequest'
// 调用方式
RequestService.sendRequest().url('url').header({'content-type': 'application/x-www-form-urlencoded; charset=UTF-8'
}).method('POST').data({
}).success(res => {console.log(res)
}).send()
复制代码

到现在为止我们把wepy.rewuest就封装完了，我把代码放到git上了传送门
希望小哥哥小姐姐们多多star，多多支持，有什么疑问可以在github上问我，谢谢。点赞的小哥哥小姐姐最可爱，哈哈哈。。。