ele-usky-admin/src/utils/request.js

import axios from 'axios'
import {
    // baseURL,
    contentType,
    debounce,
    requestTimeout,
    successCode,
    tokenName,
} from '@/config'
import store from '@/store'
import qs from 'qs'
import router from '@/router'
import { isArray } from '@/utils/validate'
import { message } from 'ant-design-vue'

// console.log(successCode, tokenName, contentType)

let loadingInstance

var tag = true

/**
 * @author chuzhixin 1204505056@qq.com
 * @description 处理code异常
 * @param {*} code
 * @param {*} msg
 */
const handleCode = (code, msg) => {

    switch (code) {
        case '401':
            if (tag) {
                message.error('登录状态已过期，请重新登陆！')
                tag = false
            }
            store.dispatch('user/resetAll').catch(() => {})
            store.dispatch('user/logout').catch(() => {})
            router.replace({ path: "/login" });


            break
        case '403':
            router.push({ path: '/401' }).catch(() => {})
            break
        default:
            message.error(msg || `后端接口${code}异常`)
            break
    }
}

/**
 * @author chuzhixin 1204505056@qq.com
 * @description axios初始化
 */
const baseURL = window.PLATFROM_CONFIG.baseUrl
    // console.log(baseURL)
const instance = axios.create({
    baseURL,
    timeout: requestTimeout,
    headers: {
        'Content-Type': contentType,
    },
})

/**
 * @author chuzhixin 1204505056@qq.com
 * @description axios请求拦截器
 */
instance.interceptors.request.use(

    (config) => {


        if (store.getters['user/accessToken'])
            config.headers[tokenName] = store.getters['user/accessToken']
        if (
            config.data &&
            config.headers['Content-Type'] ===
            'application/x-www-form-urlencoded;charset=UTF-8'
        )
            config.data = qs.stringify(config.data)
        if (debounce.some((item) => config.url.includes(item))) {
            //这里写加载动画
        }

        //中间页请求去掉请求头，否则接口报错403
        if (config.url == '/sysTenantConfig/getTenantConfig') {
            config.headers.accessToken = ''
        }

        return config
    },
    (error) => {
        return Promise.reject(error)
    }
)

/**
 * @author chuzhixin 1204505056@qq.com
 * @description axios响应拦截器
 */
instance.interceptors.response.use(
    (response) => {
        if (loadingInstance) loadingInstance.close()
        const { data, config } = response
        const { code, msg } = data
        // 操作正常Code数组
        const codeVerificationArray = isArray(successCode) ? [...successCode] : [...[successCode]]
            // 是否操作正常
        if (codeVerificationArray.includes(parseInt(code))) {
            return data
        } else {
            handleCode(code, msg)
            return Promise.reject(
                'vue-admin-beautiful请求异常拦截:' +
                JSON.stringify({ url: config.url, code, msg }) || 'Error'
            )
        }
    },
    (error) => {
        if (loadingInstance) loadingInstance.close()
        const { response, message } = error
        if (error.response && error.response.data) {
            const { status, data } = response
            handleCode(status, data.msg || message)
            return Promise.reject(error)
        } else {
            let { message } = error
            if (message === 'Network Error') {
                message = '后端接口连接异常'
            }
            if (message.includes('timeout')) {
                message = '后端接口请求超时'
            }
            if (message.includes('Request failed with status code')) {
                const code = message.substr(message.length - 3)
                message = '后端接口' + code + '异常'
            }
            message.error(message || `后端接口未知异常`)
            return Promise.reject(error)
        }
    }
)

export default instance