FunASR/web-pages/src/main.js

import Vue from 'vue'
// import queryString from 'query-string'
import app from '@/views/app/index.vue'
import { router } from '@/router/index.js'
import store from '@/store/index.js'
// 请求对象
import Axios from 'axios'
// 项目本地组件全局注册
import globalComponents from './globalComponents'
// 项目本地全局方法
import globalFunctions from './globalFunctions'

// 第三方组件
// ant-design-vue 组件 按需加载
import { ConfigProvider, Input } from 'ant-design-vue'

Vue.use(globalComponents)
Vue.use(globalFunctions)

Vue.use(ConfigProvider)
Vue.use(Input)

const axiosInstance = Axios.create({
    timeout: 60000
})

// 加载项目基础样式文件
require('@/assets/css/normalize.css')
// 加载项目组件覆盖样式，全局模块样式
require('@/assets/css/index.scss')
// 轮播插件swiper样式
require('swiper/css/swiper.min.css')

// 设置为 false 以阻止 vue 在启动时生成生产提示
Vue.config.productionTip = false
process.env.VUE_APP_env === 'devmock' && require('../mock')

Vue.prototype.$axios = axiosInstance

// axios 配置 请求和响应拦截
axiosInstance.interceptors.request.use(
    (config) => {
        // 禁用令牌
        if (
            typeof config.headers.disabletoken !== 'undefined' &&
            config.headers.disabletoken === true
        ) {
            delete config.headers.disabletoken
            return config
        }

        if (
            typeof config.headers.token === 'undefined' &&
            localStorage.getItem('token') !== null
        ) {
            config.headers.token = localStorage.getItem('token')
        }
        return config
    },
    (error) => {
        return Promise.reject(error)
    }
)
// 异常处理
axiosInstance.interceptors.response.use(
    (config) => {
        if (typeof config.headers.token !== 'undefined') {
            localStorage.setItem('token', config.headers.token)
        }
        if (
            config.data &&
            config.data.statusCode &&
            config.data.statusCode !== '00'
        ) {
            // 业务异常处理
            let msg = 'biz error, statusCode: ' + config.data.statusCode
            if (config.data.statusMsg) {
                msg = msg + ', statusMsg: ' + config.data.statusMsg
            }

            // 打印异常信息
            console.log(msg)
        }
        return config
    },
    (error) => {
        // 打印异常信息
        console.log(error)

        if (
            typeof error.response !== 'undefined' &&
            error.response.status === 401
        ) {
            console.log(error)
        }

        return Promise.reject(error)
    }
)

// 获取必要的数据
const checkNecessaryData = (callbackFun) => {
    const promiseList = []
    if (promiseList.length > 0) {
        Promise.all(promiseList)
            .then((res) => {
                localStorage.removeItem('getInitDataErrorCount')
                callbackFun && callbackFun()
            })
            .catch((res) => {
                const errorCount = localStorage.getItem(
                    'getInitDataErrorCount'
                )
                if (errorCount) {
                    let count = Number.parseInt(errorCount)
                    if (count <= 3) {
                        localStorage.setItem('getInitDataErrorCount', ++count)
                        // 菜单或者用户角色列表数据请求失败，就刷新页面
                        window.location.reload(window.location.href)
                    }
                } else {
                    localStorage.setItem('getInitDataErrorCount', 1)
                    // 菜单或者用户角色列表数据请求失败，就刷新页面
                    window.location.reload(window.location.href)
                }
            })
    } else {
        callbackFun && callbackFun()
    }
}

router.beforeEach((to, from, next) => {
    checkNecessaryData(() => {
        next()
    })
})

new Vue({
    render: (h) => h(app),
    router: router,
    store: store
}).$mount('#app')