83 lines
2.5 KiB
JavaScript
83 lines
2.5 KiB
JavaScript
import { router } from '@/router'
|
||
import { getToken, removeToken } from '@/utils/token'
|
||
import { isWithoutToken } from './help'
|
||
|
||
export function setupInterceptor(service) {
|
||
service.interceptors.request.use(
|
||
async (config) => {
|
||
// 防止缓存，给get请求加上时间戳
|
||
if (config.method === 'get') {
|
||
config.params = { ...config.params, t: new Date().getTime() }
|
||
}
|
||
|
||
// 处理不需要token的请求
|
||
if (isWithoutToken(config)) {
|
||
return config
|
||
}
|
||
|
||
const token = getToken()
|
||
if (token) {
|
||
/**
|
||
* * jwt token
|
||
* ! 认证方案: Bearer
|
||
*/
|
||
config.headers.Authorization = 'Bearer ' + token
|
||
|
||
return config
|
||
}
|
||
/**
|
||
* * 未登录或者token过期的情况下
|
||
* * 跳转登录页重新登录，携带当前路由及参数，登录成功会回到原来的页面
|
||
*/
|
||
const { currentRoute } = router
|
||
router.replace({
|
||
path: '/login',
|
||
query: { ...currentRoute.query, redirect: currentRoute.path },
|
||
})
|
||
return Promise.reject({ code: '-1', message: '未登录' })
|
||
},
|
||
(error) => Promise.reject(error)
|
||
)
|
||
|
||
service.interceptors.response.use(
|
||
(response) => response?.data,
|
||
(error) => {
|
||
let { code, message } = error.response?.data
|
||
return Promise.reject({ code, message })
|
||
|
||
/**
|
||
* TODO 此处可以根据后端返回的错误码自定义框架层面的错误处理
|
||
*/
|
||
switch (code) {
|
||
case 401:
|
||
// 未登录（可能是token过期或者无效了）
|
||
console.error(message)
|
||
removeToken()
|
||
const { currentRoute } = router
|
||
router.replace({
|
||
path: '/login',
|
||
query: { ...currentRoute.query, redirect: currentRoute.path },
|
||
})
|
||
break
|
||
case 403:
|
||
// 没有权限
|
||
console.error(message)
|
||
break
|
||
case 404:
|
||
// 资源不存在
|
||
console.error(message)
|
||
break
|
||
default:
|
||
break
|
||
}
|
||
// 已知错误resolve，在业务代码中作提醒，未知错误reject，捕获错误统一提示接口异常（9000以上为业务类型错误，需要跟后端确定好）
|
||
if ([401, 403, 404].includes(code) || code >= 9000) {
|
||
return Promise.resolve({ code, message })
|
||
} else {
|
||
console.error('【err】' + error)
|
||
return Promise.reject({ message: '接口异常，请稍后重试！' })
|
||
}
|
||
}
|
||
)
|
||
}
|