125 lines
3.6 KiB
Vue
125 lines
3.6 KiB
Vue
import Vue from 'vue'
|
||
import axios from 'axios'
|
||
import {
|
||
baseURL,
|
||
contentType,
|
||
debounce,
|
||
invalidCode,
|
||
loginInterception,
|
||
noPermissionCode,
|
||
requestTimeout,
|
||
successCode,
|
||
tokenName,
|
||
} from '@/config'
|
||
import store from '@/store'
|
||
import qs from 'qs'
|
||
import router from '@/router'
|
||
import { isArray } from '@/utils/validate'
|
||
|
||
let loadingInstance
|
||
|
||
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['authorization'] = store.getters['user/accessToken']
|
||
}
|
||
if (store.getters['user/userId']) {
|
||
config.headers['x-user-id'] = store.getters['user/userId']
|
||
}
|
||
if (store.getters['user/appId']) {
|
||
config.headers['x-app-id'] = store.getters['user/appId']
|
||
}
|
||
if (config.method === 'get' && config.params) {
|
||
config.params = Vue.prototype.$baseLodash.pickBy(config.params, Vue.prototype.$baseLodash.identity)
|
||
}
|
||
//这里会过滤所有为空、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)) {
|
||
if (data?.data?.code >= 400) {
|
||
Vue.prototype.$baseMessage(data?.data?.msg, 'error')
|
||
} else {
|
||
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
|