axios.ts 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. import axios, { AxiosResponse, AxiosRequestConfig } from 'axios'
  2. import { ResultEnum } from "@/enums/httpEnum"
  3. import { PageEnum, ErrorPageNameMap } from "@/enums/pageEnum"
  4. import { StorageEnum } from '@/enums/storageEnum'
  5. import { axiosPre } from '@/settings/httpSetting'
  6. import { SystemStoreEnum, SystemStoreUserInfoEnum } from '@/store/modules/systemStore/systemStore.d'
  7. import { redirectErrorPage, getLocalStorage, routerTurnByName, httpErrorHandle } from '@/utils'
  8. import { fetchAllowList } from './axios.config'
  9. import includes from 'lodash/includes'
  10. const axiosInstance = axios.create({
  11. baseURL: `${import.meta.env.PROD ? import.meta.env.VITE_PRO_PATH : ''}${axiosPre}`,
  12. timeout: ResultEnum.TIMEOUT,
  13. })
  14. axiosInstance.interceptors.request.use(
  15. (config: AxiosRequestConfig) => {
  16. // 白名单校验
  17. if (includes(fetchAllowList, config.url)) return config
  18. // 获取 token
  19. const info = getLocalStorage(StorageEnum.GO_SYSTEM_STORE)
  20. // 重新登录
  21. if (!info) {
  22. routerTurnByName(PageEnum.BASE_LOGIN_NAME)
  23. return config
  24. }
  25. const userInfo = info[SystemStoreEnum.USER_INFO]
  26. config.headers = {
  27. ...config.headers,
  28. [userInfo[SystemStoreUserInfoEnum.TOKEN_NAME] || 'token']: userInfo[SystemStoreUserInfoEnum.USER_TOKEN] || ''
  29. }
  30. return config
  31. },
  32. (err: AxiosRequestConfig) => {
  33. Promise.reject(err)
  34. }
  35. )
  36. // 响应拦截器
  37. axiosInstance.interceptors.response.use(
  38. (res: AxiosResponse) => {
  39. const { code } = res.data as { code: number }
  40. // 成功
  41. if (code === ResultEnum.SUCCESS) {
  42. return Promise.resolve(res.data)
  43. }
  44. // 登录过期
  45. if (code === ResultEnum.TOKEN_OVERDUE) {
  46. window['$message'].error(window['$t']('http.token_overdue_message'))
  47. routerTurnByName(PageEnum.BASE_LOGIN_NAME)
  48. return Promise.resolve(res.data)
  49. }
  50. // 固定错误码重定向
  51. if (ErrorPageNameMap.get(code)) {
  52. redirectErrorPage(code)
  53. return Promise.resolve(res.data)
  54. }
  55. // 提示错误
  56. window['$message'].error(window['$t']((res.data as any).msg))
  57. return Promise.resolve(res.data)
  58. },
  59. (err: AxiosResponse) => {
  60. httpErrorHandle()
  61. Promise.reject(err)
  62. }
  63. )
  64. export default axiosInstance