uni-app

1. request数据请求封装

  1. 调用
export const httpUrl="https://xxx.xxx.xx";
//设置请求配置
http.setConfig({
    baseUrl: httpUrl
})
function getToken(){
    try {
        let tmp = uni.getStorageSync('token');
        if (tmp) {
            
            return tmp;
        }else{
            return "";
        }
    } catch (e) {
        return "";
    }
}
//获取数据
export const GetTest=data=>http.get('/api/xx/xx',data,{"Token":getToken()}); //第三个参数为请求头
  1. 封装的方法
import deepMerge from "./deepMerge";

let config = {
    baseUrl: '', // 请求的根域名
    // 默认的请求头
    header: {
        'content-type': 'application/json;charset=UTF-8'
    },
    method: 'GET',
    // 设置为json,返回后uni.request会对数据进行一次JSON.parse
    dataType: 'json',
    // 此参数无需处理,因为5+和支付宝小程序不支持,默认为text即可
    responseType: 'text'
}

// 主要请求部分
async function request(options = {}) {

    options.dataType = options.dataType || config.dataType;
    options.responseType = options.responseType || config.responseType;
    options.url = options.url || '';
    options.data = options.data || null;
    options.header = Object.assign(config.header, options.header);
    options.method = options.method ||config.method;

    return new Promise((resolve, reject) => {
        
        options.complete = (response) => {
            //console.log(response.statusCode);
            if (response.statusCode == 200) {
                //返回请求数据
                resolve(response.data);
            }else if(response.statusCode==401){
                //授权失败,跳转登录页,重新登录
                uni.showModal({
                    title: '登录过期',
                    content: '登录权限已过期,需要重新登录',
                    showCancel:false,
                    success: function (res) {
                        if (res.confirm) {
                            uni.reLaunch({
                                url: '/pages/login/login'
                            });
                        } 
                    }
                });
                
            } else {
                console.error(options);
                //直接接入catch回调
                reject(response)
            }
        };
        //根据请求判断是否需要加上域名
        options.url=options.url.indexOf('http') == 0 ?options.url:config.baseUrl+options.url;
        
        console.log(options.method+':'+options.url+'【数据】'+JSON.stringify(options.data))
        
        uni.request(options);
    })

}

const http = {
    // 设置全局默认配置
    setConfig(customConfig) {
        // 深度合并对象,否则会造成对象深层属性丢失
        config = deepMerge(config, customConfig);
    },
    ajax(options={}){
        return request(options)
    },
    // get请求
    get(url, data = {}, header = {}){
        return request({
            method: 'GET',
            url,
            header,
            data
        })
    },
    // post请求
    post(url, data = {}, header = {}){
        return request({
            url,
            method: 'POST',
            header,
            data
        })
    }
}
export default http;
  • deepMerge文件内容
import deepClone from "./deepClone";

// JS对象深度合并
function deepMerge(target = {}, source = {}) {
    target = deepClone(target);
    if (typeof target !== 'object' || typeof source !== 'object') return false;
    for (var prop in source) {
        if (!source.hasOwnProperty(prop)) continue;
        if (prop in target) {
            if (typeof target[prop] !== 'object') {
                target[prop] = source[prop];
            } else {
                if (typeof source[prop] !== 'object') {
                    target[prop] = source[prop];
                } else {
                    if (target[prop].concat && source[prop].concat) {
                        target[prop] = target[prop].concat(source[prop]);
                    } else {
                        target[prop] = deepMerge(target[prop], source[prop]);
                    }
                }
            }
        } else {
            target[prop] = source[prop];
        }
    }
    return target;
}

export default deepMerge;
  • deepClone文件内容
// 对象深度克隆
function deepClone(object = {}) {
    var o, i, j, k;
    if (typeof(object) !== "object" || object === null) return object;
    if (object instanceof Array) {
        o = [];
        i = 0;
        j = object.length;
        for (; i < j; i++) {
            if (typeof(object[i]) === "object" && object[i] != null) {
                o[i] = deepClone(object[i]);
            } else {
                o[i] = object[i];
            }
        }
    } else {
        o = {};
        for (i in object) {
            if (typeof(object[i]) === "object" && object[i] !== null) {
                o[i] = deepClone(object[i]);
            } else {
                o[i] = object[i];
            }
        }
    }
    return o;
}

export default deepClone;

你可能感兴趣的:(uni-app)