IntelligentWarning/src/api/axios.js

import axios from 'axios';
import { ElMessage, ElMessageBox, ElLoading } from 'element-plus';
import { nextTick } from "vue";
import config from './config';
import JSONBIG from 'json-bigint'

// 配置新建一个 axios 实例
var loading = null
const service = axios.create({
    baseURL: '/sharding/',
    timeout: 20000,
    headers: { 'Content-Type': 'application/json' },
    showLoading: {
        statu: true,
        text: '加载中...'
    }
});


// 添加请求拦截器
service.interceptors.request.use(
    (config) => {
        if (config.showLoading.statu) {
            loading = ElLoading.service({
                lock: true,
                text: config.showLoading.text,
                spinner: 'el-icon-loading',
                background: 'rgba(0, 0, 0, 0.3)'
            });
        }
        // 在发送请求之前做些什么 token
        let token = sessionStorage.getItem('token')
        if (token) {
            config.headers.common['token'] = token;
        }
        return config
    },
    (error) => {
        // 对请求错误做些什么
        return Promise.reject(error);
    }
);

// 添加响应拦截器
service.interceptors.response.use(
    (response) => {
        // 对响应数据做点什么
        nextTick(async() => {
            loading && await loading.close()
        })
        const res = response.data;
        if (res.status === 401 || res.status === 4001 || res.status == 521) {
            sessionStorage.clear(); // 清除浏览器全部临时缓存
            window.location.href = '/'; // 去登录页
            ElMessage.error(res.msg)
        } else {
            return response.data;
        }
    },
    (error) => {
        nextTick(async() => {
                loading && await loading.close()
            })
            // 对响应错误做点什么
        if (error.message.indexOf('timeout') != -1) {
            // ElMessage.error('网络超时');
        } else if (error.message == 'Network Error') {
            // ElMessage.error('网络连接错误');

        } else {
            // if (error.response.data) ElMessage.error(error.response.statusText);
            // else ElMessage.error('接口路径找不到');
        }
        return Promise.reject(error);
    }
);

// 导出 axios 实例
export default service;