request.ts 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
  1. import axios from 'axios'
  2. import type { AxiosInstance, InternalAxiosRequestConfig, AxiosResponse } from 'axios'
  3. import { ElMessage } from 'element-plus'
  4. import { useAuthStore } from '@/stores/auth'
  5. import { getToken, getRefreshToken } from '@/utils/auth'
  6. import router from '@/router'
  7. // 创建axios实例
  8. const request: AxiosInstance = axios.create({
  9. baseURL: import.meta.env.VITE_API_BASE_URL || 'http://localhost:8000',
  10. timeout: 30000, // 调整为 30 秒,避免长时间挂起
  11. headers: {
  12. 'Content-Type': 'application/json'
  13. }
  14. })
  15. // 请求拦截器
  16. request.interceptors.request.use(
  17. (config: InternalAxiosRequestConfig) => {
  18. const token = getToken()
  19. if (token && config.headers) {
  20. config.headers.Authorization = `Bearer ${token}`
  21. }
  22. return config
  23. },
  24. (error) => {
  25. return Promise.reject(error)
  26. }
  27. )
  28. // 响应拦截器
  29. request.interceptors.response.use(
  30. (response: AxiosResponse) => {
  31. const { code, message } = response.data ?? {}
  32. // 成功响应(兼容 code=0 和 code=200,以及无 code 的纯数据/Blob 返回)
  33. if (code === 0 || code === 200 || typeof code === 'undefined') {
  34. return response.data
  35. }
  36. // 业务错误
  37. if (!response.config.headers?.['Skip-Error-Message']) {
  38. ElMessage.error(message || '请求失败')
  39. }
  40. return Promise.reject(new Error(message || '请求失败'))
  41. },
  42. async (error) => {
  43. const { response } = error
  44. const skipErrorMessage = error.config?.headers?.['Skip-Error-Message']
  45. if (response) {
  46. const { status, data } = response
  47. switch (status) {
  48. case 401:
  49. // 未授权,尝试刷新token
  50. const authStore = useAuthStore()
  51. const refreshToken = getRefreshToken()
  52. if (refreshToken && !error.config._retry) {
  53. error.config._retry = true
  54. try {
  55. const success = await authStore.refreshToken()
  56. if (success) {
  57. // 重新发送原请求
  58. const token = getToken()
  59. if (token) {
  60. error.config.headers.Authorization = `Bearer ${token}`
  61. }
  62. return request(error.config)
  63. }
  64. } catch (refreshError) {
  65. console.error('刷新token失败:', refreshError)
  66. }
  67. }
  68. // 刷新失败或没有refresh token,跳转到登录页
  69. await authStore.logout()
  70. router.push('/login')
  71. if (!skipErrorMessage) {
  72. ElMessage.error('登录已过期,请重新登录')
  73. }
  74. break
  75. case 403:
  76. if (!skipErrorMessage) ElMessage.error('权限不足')
  77. router.push('/unauthorized')
  78. break
  79. case 404:
  80. if (!skipErrorMessage) ElMessage.error('请求的资源不存在')
  81. break
  82. case 429:
  83. if (!skipErrorMessage) ElMessage.error('请求过于频繁,请稍后再试')
  84. break
  85. case 500:
  86. if (!skipErrorMessage) ElMessage.error('服务器内部错误')
  87. break
  88. default:
  89. if (!skipErrorMessage) ElMessage.error(data?.message || '请求失败')
  90. }
  91. } else {
  92. // 网络错误
  93. if (!skipErrorMessage) {
  94. ElMessage.error('网络连接失败,请检查网络设置')
  95. }
  96. }
  97. return Promise.reject(error)
  98. }
  99. )
  100. export default request