封装小程序网络请求

Posted 艾森MAO

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了封装小程序网络请求相关的知识,希望对你有一定的参考价值。

/*
    1.对小程序wx.require的封装
*/
class Ajax{
    constructor(dev=true){
        this.base = dev ? ‘https://生产环境‘ : ‘https://开发环境‘;
        this.token = "";
        this.sv = "1.0.0";
    }

    // 参数处理
    handleData(data){
        data.token = this.token;
        if(this.sv){
            data.sv = this.sv;
        }
    }

    // promise封装
    ajax(url,data={},type=‘get‘){
        this.handleData(data);
        return new Promise((resolve,reject)=>{
            wx.request({
                url:this.base + url,
                data:data,
                method:type,
                success:res =>{
                    resolve(res);
                    /*
                        1.埋个页面,方便审核
                        2.当提交审核时,让后台把所有的接口都返回10007状态
                    */
                    if (res.data.errno == 10007) {
                        wx.reLaunch({
                          url: ‘/pages/index/index‘, //简单的页面,应对审核
                        });
                    }
                },
                fail:rej =>{
                    reject(rej);
                }
            })
        })
    }

}

经历几周的开发,小程序终于上线啦。
在开发过程中遇见了很多的问题,解决了问题,学到了一些新的思路。
下班前,记录一波一点收获

 





以上是关于封装小程序网络请求的主要内容,如果未能解决你的问题,请参考以下文章

VSCode自定义代码片段14——Vue的axios网络请求封装

小程序封装请求的步骤

关于对小程序网络请求的封装(详尽版)

小程序中封装api请求

回归 | js实用代码片段的封装与总结(持续更新中...)

微信小程序之网络请求简单封装