美文网首页
uni-app开发H5--request请求简单封装

uni-app开发H5--request请求简单封装

作者: GiRaffe_ | 来源:发表于2020-08-13 11:42 被阅读0次
    const BASE_URL = '/api'   //发布上线时需要更换
    
    export const http = (method,url,data) => {
        //console.log(data)
        return new Promise((resolve,reject) => {
            uni.showLoading({
                title: '加载中',
                mask: true
            })
            uni.request({
                method: method,
                url: BASE_URL + url,
                data:data,
                header: {
                    "Content-Type": method == "GET"? "json": "application/x-www-form-urlencoded",
                    "token": token()
                },
                success:(res) => {
                    resolve(res.data);
                },
                fail:(err) => {
                    reject(err);
                    //这里可以写一些状态码判断
                    // let code = err.data.code;
                    // console.log(code)
                    // switch(code){
                    //  case 500:
                    //  ……
                    //  break
                    // }
                },
                complete:() => {
                    uni.hideLoading();
                }
            })
        })
        return promise
    }
    
    使用方法:
    //1、在页面引用
    import {http} from '../../common/js/request.js'
    //2、发起请求
    //要传给后台的参数
    let params = {
        admin_id: this.adminId,
        clean_log_id: this.cleanlogId
    }
    http('POST','请求的url',params).then(res => {
        if(res){
            uni.showToast({
                title: res.value,
                icon: 'none',
                duration: 1500
            })
        }
        this.showSure = false;
    })

    相关文章

      网友评论

          本文标题:uni-app开发H5--request请求简单封装

          本文链接:https://www.haomeiwen.com/subject/fusbdktx.html