73 lines
1.9 KiB
TypeScript
73 lines
1.9 KiB
TypeScript
|
import { useUserStore } from '@/store'
|
||
|
|
import { getToken } from '@/utils/auth'
|
||
|
|
import { Message, Modal } from '@arco-design/web-vue'
|
||
|
|
import axios from 'axios'
|
||
|
|
|
||
|
|
export interface HttpResponse<T = unknown> {
|
||
|
|
status: number
|
||
|
|
msg: string
|
||
|
|
code: number
|
||
|
|
data: T
|
||
|
|
}
|
||
|
|
|
||
|
|
if (import.meta.env.VITE_API_BASE_URL) {
|
||
|
|
axios.defaults.baseURL = import.meta.env.VITE_API_BASE_URL
|
||
|
|
}
|
||
|
|
|
||
|
|
axios.interceptors.request.use(
|
||
|
|
(config: any) => {
|
||
|
|
// let each request carry token
|
||
|
|
// this example using the JWT token
|
||
|
|
// Authorization is a custom headers key
|
||
|
|
// please modify it according to the actual situation
|
||
|
|
const token = getToken()
|
||
|
|
if (token) {
|
||
|
|
if (!config.headers) {
|
||
|
|
config.headers = {}
|
||
|
|
}
|
||
|
|
config.headers.Authorization = `Bearer ${token}`
|
||
|
|
}
|
||
|
|
return config
|
||
|
|
},
|
||
|
|
(error) => {
|
||
|
|
// do something
|
||
|
|
return Promise.reject(error)
|
||
|
|
}
|
||
|
|
)
|
||
|
|
// add response interceptors
|
||
|
|
axios.interceptors.response.use(
|
||
|
|
(response: any) => {
|
||
|
|
const res = response.data
|
||
|
|
// if the custom code is not 20000, it is judged as an error.
|
||
|
|
if (res.code !== 20000) {
|
||
|
|
Message.error({
|
||
|
|
content: res.msg || 'Error',
|
||
|
|
duration: 5 * 1000,
|
||
|
|
})
|
||
|
|
// 50008: Illegal token; 50012: Other clients logged in; 50014: Token expired;
|
||
|
|
if ([50008, 50012, 50014].includes(res.code) && response.config.url !== '/api/user/info') {
|
||
|
|
Modal.error({
|
||
|
|
title: 'Confirm logout',
|
||
|
|
content: 'You have been logged out, you can cancel to stay on this page, or log in again',
|
||
|
|
okText: 'Re-Login',
|
||
|
|
async onOk() {
|
||
|
|
const userStore = useUserStore()
|
||
|
|
|
||
|
|
await userStore.logout()
|
||
|
|
window.location.reload()
|
||
|
|
},
|
||
|
|
})
|
||
|
|
}
|
||
|
|
return Promise.reject(new Error(res.msg || 'Error'))
|
||
|
|
}
|
||
|
|
return res
|
||
|
|
},
|
||
|
|
(error) => {
|
||
|
|
Message.error({
|
||
|
|
content: error.msg || 'Request Error',
|
||
|
|
duration: 5 * 1000,
|
||
|
|
})
|
||
|
|
return Promise.reject(error)
|
||
|
|
}
|
||
|
|
)
|