wx小程序request请求在项目实战中的封装

　　前沿
　　在小程序项目开发中，对请求做封装是比较常见的操作，我们可以在封装过的请求里，做一些统一处理，比如统一配置、请求拦截、错误异常处理、授权处理等
　　好了，我们直接看干货，上代码
　　request封装
　　在项目根目录下新建一个request目录，再在目录下新建一个index。js文件，文件里的内容如下import｛BASEAPIURL，TIMEOUT，STATUSCODEOK｝from。。configindex。jsopt是配置参数，不传就是空对象constrequest（opt｛｝）｛请求是异步的，我们返回一个PromisereturnnewPromise（（resolve，reject）｛wx小程序定义的全局属性比如用户登录成功后，后台生成的token可以放这里letglobalDatagetApp（）。globalData请求开始前，加遮罩，防止重复提交loadingTitle自定义加载的文字wx。showLoading（｛title：opt。loadingTitle加载中，mask：true｝）微信小程序请求wx。request（｛header：｛contentType设置，默认是query的方式可能通过opt。contentType定义为applicationjsoncontenttype：opt。contentTypeapplicationxwwwformurlencoded，jwt的token，用户登录后，后台生成的token每次请求的时候带上，可以校验当前用户是否全法Authorization：globalData。token｝，请求超时时间，一般60秒timeout：TIMEOUT，请求的urlBASEAPIURL是api请求的统一前缀url：BASEAPIURLopt。url，请求时需要带的参数data：opt。data｛｝，请求的方法，默认POSTmethod：opt。methodPOST，请求成功处理success（res）｛statusCode如果是401，代表这次请求不合法if（res。statusCode401）｛弹窗提醒wx。showModal（｛title：警告，showCancel：false，content：当前用户信息已失效，请退出小程序重新进入，confirmText：确认，success（）｛并清空全局对象的用户信息globalData｛userInfo：｛｝，token：｝reject处理，代表请求不成功reject（请求失效）｝｝）｝else｛后台返回的请求code码为非正常码代表业务处理有异常统一处理，在页面上显示异常信息，提醒用户if（res。data。code！STATUSCODEOK）｛这个是自己封装的一个toast方法notifyError（res。data。msg）｝返回后台给到的数据resolve（res。data）｝｝，请求失败处理fail（err）｛把错误信息弹窗显示，提醒用户wx。showModal（｛title：警告，showCancel：false，content：JSON。stringify（err），confirmText：确认，｝）reject处理，代表请求不成功reject（fail）｝，无论请求成功与失败都会走的方法complete（）｛关闭请求中的遮罩wx。hideLoading（）｝｝）｝）｝exportdefaultrequest使用引入封装的requestimportrequestfrom。。requestindex。js获取个人用户的区域列表request（｛请求的方法method：POST，请求的urlurl：xxxxxx，请求参数data：｛username：xxx，password：xxx｝｝）。then（res｛请求拿到的数据console。log（res）｝）。catch（err）｛请求异常拿到的数据console。log（err）｝
　　好了，wx小程序request请求封装就到这了
　　觉得效果不错的请帮忙加个关注点个赞，经常分享前端实用开发技巧