自定义封装网络请求uni.request（） uniapp

 

Http.js

//Cache.js为自定义缓存功能函数

//可以换做其他存储方式

import Cache from "./Cache.js";

let Http = {
    /**
     * POST请求封装
     * @param  {String} url
     * @param  {Object} data
     * @param  {Object} token
     * @return {String|Object}
     */
    post: function(url, data = {}, token = true) {
        var promise = new Promise((resolve, reject) => {
            var that = this;
            var postData = data;
            // 是否携带token
            if (token) {
                postData.token = Cache.get('token');
            }
            // 发起请求
            uni.request({
                url: url,
                data: postData,
                method: 'POST',
                header: {'content-type': 'application/x-www-form-urlencoded'},
                success: function(res) {
                    //服务器返回数据
                    if (res.data.code === 1) {
                        // 调用成功方法
                        resolve(res.data.data);
                    } else if (res.data.code == 401) {
                        // uni.showModal({
                        //     content: '未登录，是否前往登录？',
                        //     confirmText:'是',
                        //     success: function (res) {
                        //         if (res.confirm) {
                        //            uni.redirectTo({url: './login1641865186493cb9c20cd6f'});
                        //         }
                        //     }
                        // });
                    } else {
                        //返回错误提示信息
                        reject(res.data.msg)
                    }
                },
                fail: function(e) {
                    reject('请求错误');
                }
            });
        });
        return promise;
    },

    /**
     * GET请求封装
     * @param  {String} url
     * @param  {Object} data
     * @param  {Object} token
     * @return {String|Object}
     */
    get:function(url, data = {}, token = true){
        var promise = new Promise((reslove, reject)=>{
            var that = this;
            var getData = data;
            // 是否写入token
            if (token) {
                getData.token = Cache.get('token');
            }
            uni.request({
                url: url,
                data: getData,
                method: 'GET',
                header: {'content-type': 'application/x-www-form-urlencoded'},
                sucess: function(res){
                    //服务器返回数据
                    if (res.data.code === 0) {
                        // 调用成功方法
                        resolve(res.data.data);
                    } else {
                        //返回错误提示信息
                        reject(res.data.msg)
                    }
                },
                fail: function(e) {
                    reject('请求错误');
                }
            })
        });
        return promise;
    }
}

export default Http;

Url.js

//请求路径统一管理文件

// 接口请求域名
const domain = '    ';//网络请求根路径


export default {
// 登录
login: `${domain}/login`,
}

test.vue

　　　　　　　 Http.post(url.login, {
                         //请求的主体数据  data
                code: option.code,
            }).then(res => {
                console.log('获取信息res', res);
             　  uni.showToast({
                    title: '更新成功'
                });
            }).catch(msg => {
                uni.showToast({
                    icon: 'error',
                    title: msg,
                });
            });    

 

 

 

Cache.js

class Cache {
    /**
     * 构造方法 单位秒
     */
    constructor({ expire = 3600 }) {
        // 成员属性  过期时间
        // 毫秒
        this.expire = new Date().getTime() + expire * 1000;
    }
    
    /**
     * 设置缓存
     * @param {Object} key
     * @param {Object} value
     */
    set(key, value) {
        let data = { expire: this.expire, value };
        // 设置缓存
        uni.setStorageSync(key, data);
    }
    
    /**
     * 获取缓存
     * @param {Object} key
     */
    get(key) {
        if (this.has(key)) {
          return uni.getStorageSync(key).value;
        }
        return null;
    }
    
    /**
     * 永久缓存
     * @param {Object} key
     * @param {Object} value
     */
    forever(key, value) {
        let expire = new Date().getTime() + 9999999999 * 1000;
        let data = { expire, value };
        // 设置缓存
        uni.setStorageSync(key, data);
    }
    
    /**
     * 判断是否存在缓存
     * @param {Object} key
     */
    has(key) {
        // 获取当前时间
        let time = new Date().getTime();
        // 缓存数据
        let data = uni.getStorageSync(key);
        if (data != '') {
            if (time > data.expire) {  // 缓存过期
                // 删除过期缓存
                uni.removeStorageSync(key);
                return false;
            }
            return true;
        }
        return false;
    }
    
    /**
     * 删除
     * @param {Object} key
     */
    del(key) {
        uni.removeStorageSync(key);
    }
}

export default new Cache({ expire: 2592000 });