You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
276 lines
9.4 KiB
276 lines
9.4 KiB
import axios, {
|
|
AxiosError,
|
|
AxiosInstance,
|
|
AxiosRequestHeaders,
|
|
AxiosResponse,
|
|
InternalAxiosRequestConfig
|
|
} from 'axios'
|
|
|
|
import { ElMessage, ElMessageBox, ElNotification } from 'element-plus'
|
|
import qs from 'qs'
|
|
import { config } from '@/config/axios/config'
|
|
import {
|
|
getAccessToken,
|
|
getRefreshToken,
|
|
getTenantId,
|
|
getAppId,
|
|
removeToken,
|
|
setToken
|
|
} from '@/utils/auth'
|
|
import errorCode from './errorCode'
|
|
|
|
import { resetRouter } from '@/router'
|
|
import { useCache } from '@/hooks/web/useCache'
|
|
import cache from '@/plugins/cache'
|
|
|
|
const { result_code, base_url, request_timeout } = config
|
|
|
|
// 需要忽略的提示。忽略后，自动 Promise.reject('error')
|
|
const ignoreMsgs = [
|
|
'无效的刷新令牌', // 刷新令牌被删除时，不用提示
|
|
'刷新令牌已过期' // 使用刷新令牌，刷新获取新的访问令牌时，结果因为过期失败，此时需要忽略。否则，会导致继续 401，无法跳转到登出界面
|
|
]
|
|
// 是否显示重新登录
|
|
export const isRelogin = { show: false }
|
|
// Axios 无感知刷新令牌，参考 https://www.dashingdog.cn/article/11 与 https://segmentfault.com/a/1190000020210980 实现
|
|
// 请求队列
|
|
let requestList: any[] = []
|
|
// 是否正在刷新中
|
|
let isRefreshToken = false
|
|
// 请求白名单，无须token的接口
|
|
const whiteList: string[] = ['/login', '/refresh-token']
|
|
|
|
// 创建axios实例
|
|
const service: AxiosInstance = axios.create({
|
|
baseURL: base_url, // api 的 base_url
|
|
timeout: request_timeout, // 请求超时时间
|
|
withCredentials: false // 禁用 Cookie 等信息
|
|
})
|
|
|
|
// request拦截器
|
|
service.interceptors.request.use(
|
|
(config: InternalAxiosRequestConfig) => {
|
|
// 是否需要设置 token
|
|
let isToken = (config!.headers || {}).isToken === false
|
|
whiteList.some((v) => {
|
|
if (config.url) {
|
|
config.url.indexOf(v) > -1
|
|
return (isToken = false)
|
|
}
|
|
})
|
|
if (getAccessToken() && !isToken) {
|
|
;(config as Recordable).headers.Authorization = 'Bearer ' + getAccessToken() // 让每个请求携带自定义token
|
|
}
|
|
// 设置租户
|
|
const tenantId = getTenantId()
|
|
if (tenantId) (config as Recordable).headers['tenant-id'] = tenantId
|
|
|
|
// 设置实例
|
|
const appId = getAppId()
|
|
if (appId) (config as Recordable).headers['instance-id'] = appId
|
|
|
|
const params = config.params || {}
|
|
const data = config.data || false
|
|
if (
|
|
config.method?.toUpperCase() === 'POST' &&
|
|
(config.headers as AxiosRequestHeaders)['Content-Type'] ===
|
|
'application/x-www-form-urlencoded'
|
|
) {
|
|
config.data = qs.stringify(data)
|
|
}
|
|
// get参数编码
|
|
if (config.method?.toUpperCase() === 'GET' && Object.keys(params).length > 0) {
|
|
config.params = {}
|
|
const paramsStr = qs.stringify(params, { allowDots: true })
|
|
if (paramsStr) {
|
|
config.url = config.url + '?' + paramsStr
|
|
}
|
|
}
|
|
// 是否提交表单型的接口，如果是，不要频繁调接口
|
|
if (config?.isSubmitForm) {
|
|
const requestObj = {
|
|
url: config.url,
|
|
data: typeof config.data === 'object' ? JSON.stringify(config.data) : config.data,
|
|
time: new Date().getTime()
|
|
}
|
|
const sessionObj = cache.session.get('sessionObj')
|
|
if (sessionObj === undefined || sessionObj === null || sessionObj === '') {
|
|
cache.session.set('sessionObj', requestObj)
|
|
} else {
|
|
const s_url = sessionObj.url // 请求地址
|
|
const s_data = sessionObj.data // 请求数据
|
|
const s_time = sessionObj.time // 请求时间
|
|
const interval = 1000 // 间隔时间(ms)，小于此时间视为重复提交
|
|
if (
|
|
s_data === requestObj.data &&
|
|
requestObj.time - s_time < interval &&
|
|
s_url === requestObj.url
|
|
) {
|
|
const message = '数据正在处理，请勿重复提交'
|
|
console.warn(`[${s_url}]: ` + message)
|
|
return Promise.reject(new Error(message))
|
|
} else {
|
|
cache.session.set('sessionObj', requestObj)
|
|
}
|
|
}
|
|
}
|
|
return config
|
|
},
|
|
(error: AxiosError) => {
|
|
// Do something with request error
|
|
console.log(error) // for debug
|
|
Promise.reject(error)
|
|
}
|
|
)
|
|
|
|
// response 拦截器
|
|
service.interceptors.response.use(
|
|
async (response: AxiosResponse<any>) => {
|
|
const { data } = response
|
|
const config = response.config
|
|
if (!data) {
|
|
// 返回“[HTTP]请求没有返回值”;
|
|
throw new Error()
|
|
}
|
|
const { t } = useI18n()
|
|
// 未设置状态码则默认成功状态
|
|
const code = data.code || result_code
|
|
// 二进制数据则直接返回
|
|
if (
|
|
response.request.responseType === 'blob' ||
|
|
response.request.responseType === 'arraybuffer'
|
|
) {
|
|
return response.data
|
|
}
|
|
// 获取错误信息
|
|
const msg = data.msg || errorCode[code] || errorCode['default']
|
|
if (ignoreMsgs.indexOf(msg) !== -1) {
|
|
// 如果是忽略的错误码，直接返回 msg 异常
|
|
return Promise.reject(msg)
|
|
} else if (code === 401) {
|
|
// 如果未认证，并且未进行刷新令牌，说明可能是访问令牌过期了
|
|
if (!isRefreshToken) {
|
|
isRefreshToken = true
|
|
// 1. 如果获取不到刷新令牌，则只能执行登出操作
|
|
if (!getRefreshToken()) {
|
|
return handleAuthorized()
|
|
}
|
|
// 2. 进行刷新访问令牌
|
|
try {
|
|
const refreshTokenRes = await refreshToken()
|
|
// 2.1 刷新成功，则回放队列的请求 + 当前请求
|
|
setToken((await refreshTokenRes).data.data)
|
|
config.headers!.Authorization = 'Bearer ' + getAccessToken()
|
|
requestList.forEach((cb: any) => {
|
|
cb()
|
|
})
|
|
requestList = []
|
|
return service(config)
|
|
} catch (e) {
|
|
// 为什么需要 catch 异常呢？刷新失败时，请求因为 Promise.reject 触发异常。
|
|
// 2.2 刷新失败，只回放队列的请求
|
|
requestList.forEach((cb: any) => {
|
|
cb()
|
|
})
|
|
// 提示是否要登出。即不回放当前请求！不然会形成递归
|
|
return handleAuthorized()
|
|
} finally {
|
|
requestList = []
|
|
isRefreshToken = false
|
|
}
|
|
} else {
|
|
// 添加到队列，等待刷新获取到新的令牌
|
|
return new Promise((resolve) => {
|
|
requestList.push(() => {
|
|
config.headers!.Authorization = 'Bearer ' + getAccessToken() // 让每个请求携带自定义token 请根据实际情况自行修改
|
|
resolve(service(config))
|
|
})
|
|
})
|
|
}
|
|
} else if (code === 500) {
|
|
ElMessage.error(t(msg || 'sys.api.errMsg500'))
|
|
return Promise.reject(new Error(msg))
|
|
} else if (code === 901) {
|
|
ElMessage.error({
|
|
offset: 300,
|
|
dangerouslyUseHTMLString: true,
|
|
message:
|
|
'<div>' +
|
|
t('sys.api.errMsg901') +
|
|
'</div>' +
|
|
'<div> </div>' +
|
|
'<div>5 分钟搭建本地环境</div>'
|
|
})
|
|
return Promise.reject(new Error(msg))
|
|
} else if (code !== 200) {
|
|
if (msg === '无效的刷新令牌') {
|
|
// hard coding：忽略这个提示，直接登出
|
|
console.log(msg)
|
|
} else {
|
|
ElNotification.error({ title: msg })
|
|
if (code == 403) {
|
|
ElMessageBox.confirm(`${msg},是否重新登陆`, '提示', {
|
|
type: 'warning'
|
|
}).then(() => {
|
|
// 无访问权限，退出登录
|
|
const { wsCache } = useCache()
|
|
const tenantId = wsCache.get('TENANT_ID')
|
|
const appId = wsCache.get('App_ID')
|
|
resetRouter() // 重置静态路由表
|
|
wsCache.clear()
|
|
removeToken()
|
|
window.location.href = `/oa/login?tenantId=${tenantId}&appId=${appId}`
|
|
})
|
|
}
|
|
}
|
|
return Promise.reject('error')
|
|
} else {
|
|
return data
|
|
}
|
|
},
|
|
(error: AxiosError) => {
|
|
console.log('err' + error) // for debug
|
|
let { message } = error
|
|
const { t } = useI18n()
|
|
if (message === 'Network Error') {
|
|
message = t('sys.api.errorMessage')
|
|
} else if (message.includes('timeout')) {
|
|
message = t('sys.api.apiTimeoutMessage')
|
|
} else if (message.includes('Request failed with status code')) {
|
|
message = t('sys.api.apiRequestFailed') + message.substr(message.length - 3)
|
|
}
|
|
ElMessage.error(message)
|
|
return Promise.reject(error)
|
|
}
|
|
)
|
|
|
|
const refreshToken = async () => {
|
|
axios.defaults.headers.common['tenant-id'] = getTenantId()
|
|
return await axios.post(base_url + '/system/auth/refresh-token?refreshToken=' + getRefreshToken())
|
|
}
|
|
const handleAuthorized = () => {
|
|
const { t } = useI18n()
|
|
if (!isRelogin.show) {
|
|
isRelogin.show = true
|
|
ElMessageBox.confirm(t('sys.api.timeoutMessage'), t('common.confirmTitle'), {
|
|
showCancelButton: false,
|
|
closeOnClickModal: false,
|
|
showClose: false,
|
|
confirmButtonText: t('login.relogin'),
|
|
type: 'warning'
|
|
}).then(() => {
|
|
const { wsCache } = useCache()
|
|
const tenantId = wsCache.get('TENANT_ID')
|
|
const appId = wsCache.get('App_ID')
|
|
resetRouter() // 重置静态路由表
|
|
wsCache.clear()
|
|
removeToken()
|
|
isRelogin.show = false
|
|
// 干掉token后再走一次路由让它过router.beforeEach的校验
|
|
// window.location.href = window.location.href
|
|
window.location.href = `/oa/login?tenantId=${tenantId}&appId=${appId}`
|
|
})
|
|
}
|
|
return Promise.reject(t('sys.api.timeoutMessage'))
|
|
}
|
|
export { service }
|
|
|