hotgo/hotgo-uniapp/common/http.interceptor.js

/**
 * Copyright (c) 2013-Now http://jeesite.com All rights reserved.
 */
// 此处第二个参数vm，就是我们在页面使用的this，你可以通过vm获取vuex等操作
const install = (Vue, vm) => {

    // 通用请求头设定
    const ajaxHeader = 'x-ajax';
    const sessionIdHeader = 'Authorization';
    const rememberMeHeader = 'x-remember';

    // 请求参数默认配置
    Vue.prototype.$u.http.setConfig({
        baseUrl: vm.vuex_config.baseUrl,
        originalData: true,
        // 默认头部，http2约定header名称统一小写 ThinkGem
        header: {
            'content-type': 'application/x-www-form-urlencoded',
            'x-requested-with': 'XMLHttpRequest'
        }
    });

    // 请求拦截，配置Token等参数
    Vue.prototype.$u.http.interceptor.request = (req) => {

        if (!req.header) {
            req.header = [];
        }

        // 默认指定返回 JSON 数据
        if (!req.header[ajaxHeader]) {
            req.header[ajaxHeader] = 'json';
        }

        // 设定传递 Token 认证参数 ThinkGem
        if (!req.header[sessionIdHeader] && vm.vuex_token) {
            req.header[sessionIdHeader] = 'Bearer ' + vm.vuex_token;
        }

        // 为节省流量，记住我数据不是每次都发送的，当会话失效后，尝试重试登录 ThinkGem
        if (!req.header[rememberMeHeader] && vm.vuex_remember && req.remember) {
            req.header[rememberMeHeader] = vm.vuex_remember;
            req.remember = false;
        }

        // console.log('request', req);
        return req;
    }

    // 响应拦截，判断状态码是否通过
    Vue.prototype.$u.http.interceptor.response = async (res, req) => {

        // console.log('拦截器response:' + JSON.stringify(res))
        // console.log('options:' + JSON.stringify(req))
        let data = res.data;
        if (!(data)) {
            vm.$u.toast('未连接到服务器');
            return false;
        }

        if (typeof data === 'object') {
            // 异常接管
            if (data.code === 61) {
                this.$u.toast('请重新登录');
                setTimeout(() => {
                    uni.reLaunch({
                        url: '/pages/sys/login/index'
                    });
                }, 500);
                return
            }
            if (data.code === -1 || data.code >= 50 && data.code <= 70) {
                this.$u.toast(data.message);
                return
            }
            // 登录
            if (req.url.indexOf("/api/login/sign") !== -1) {
                vm.$u.vuex('vuex_token', data.data.token);
                vm.$u.vuex('vuex_user', data.data);
            }

            if (data.result === 'login') {
                vm.$u.vuex('vuex_token', '');
                vm.$u.vuex('vuex_user', {});
                if (req.tryagain === undefined || req.tryagain) {
                    req.tryagain = false;
                    req.remember = true;
                    await vm.$u.http.request(req).then(res => {
                        data = res;
                    });
                }
                if (data.result === 'login') {
                    if (!req.data.loginCheck) {
                        vm.$u.toast(data.message);
                    }
                    req.tryagain = true;
                }
            }
        }

        if (res.header && res.header[rememberMeHeader]) {
            let remember = res.header[rememberMeHeader];
            if (remember && remember !== 'deleteMe') {
                vm.$u.vuex('vuex_remember', remember);
            } else {
                vm.$u.vuex('vuex_remember', '');
            }
        }

        return data;
    }

    // 封装 get text 请求
    vm.$u.getText = (url, data = {}, header = {}) => {
        return vm.$u.http.request({
            dataType: 'text',
            method: 'GET',
            url,
            header,
            data
        })
    }

    // 封装 post json 请求
    vm.$u.postJson = (url, data = {}, header = {}) => {
        header['content-type'] = 'application/json';
        return vm.$u.http.request({
            url,
            method: 'POST',
            header,
            data
        })
    }

}

export default {
    install
}