mirror of
https://gitee.com/chu1204505056/vue-admin-beautiful.git
synced 2025-04-06 03:58:00 +08:00
126 lines
3.3 KiB
Vue
126 lines
3.3 KiB
Vue
import Vue from 'vue'
|
||
import axios from 'axios'
|
||
import {
|
||
baseURL,
|
||
contentType,
|
||
debounce,
|
||
invalidCode,
|
||
noPermissionCode,
|
||
requestTimeout,
|
||
successCode,
|
||
tokenName,
|
||
loginInterception,
|
||
} from '@/config'
|
||
import store from '@/store'
|
||
import qs from 'qs'
|
||
import router from '@/router'
|
||
import { isArray } from '@/utils/validate'
|
||
|
||
let loadingInstance
|
||
|
||
/**
|
||
* @author chuzhixin 1204505056@qq.com （不想保留author可删除）
|
||
* @description 处理code异常
|
||
* @param {*} code
|
||
* @param {*} msg
|
||
*/
|
||
const handleCode = (code, msg) => {
|
||
switch (code) {
|
||
case invalidCode:
|
||
Vue.prototype.$baseMessage(msg || `后端接口${code}异常`, 'error')
|
||
store.dispatch('user/resetAccessToken').catch(() => {})
|
||
if (loginInterception) {
|
||
location.reload()
|
||
}
|
||
break
|
||
case noPermissionCode:
|
||
router.push({ path: '/401' }).catch(() => {})
|
||
break
|
||
default:
|
||
Vue.prototype.$baseMessage(msg || `后端接口${code}异常`, 'error')
|
||
break
|
||
}
|
||
}
|
||
|
||
const instance = axios.create({
|
||
baseURL,
|
||
timeout: requestTimeout,
|
||
headers: {
|
||
'Content-Type': contentType,
|
||
},
|
||
})
|
||
|
||
instance.interceptors.request.use(
|
||
(config) => {
|
||
if (store.getters['user/accessToken']) {
|
||
config.headers[tokenName] = store.getters['user/accessToken']
|
||
}
|
||
//这里会过滤所有为空、0、false的key，如果不需要请自行注释
|
||
if (config.data)
|
||
config.data = Vue.prototype.$baseLodash.pickBy(
|
||
config.data,
|
||
Vue.prototype.$baseLodash.identity
|
||
)
|
||
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)))
|
||
loadingInstance = Vue.prototype.$baseLoading()
|
||
return config
|
||
},
|
||
(error) => {
|
||
return Promise.reject(error)
|
||
}
|
||
)
|
||
|
||
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(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 + '异常'
|
||
}
|
||
Vue.prototype.$baseMessage(message || `后端接口未知异常`, 'error')
|
||
return Promise.reject(error)
|
||
}
|
||
}
|
||
)
|
||
|
||
export default instance
|