index.ts 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103
  1. import useUserStore from '@/store/modules/user'
  2. import { ApiInstance } from './type'
  3. import axios from 'axios'
  4. // import qs from 'qs'
  5. import Message from 'vue-m-message'
  6. // 导入 API 模块
  7. import appApi from './modules/app'
  8. import userApi from './modules/user'
  9. import roleApi from './modules/role'
  10. import institutionApi from './modules/institution'
  11. import areaApi from "./modules/area"
  12. import operationApi from './modules/operation.ts'
  13. import menuApi from './modules/menu.ts'
  14. import commonApi from "./modules/common.ts";
  15. import teamApi from "@/api/modules/team.ts";
  16. const axiosInstance:ApiInstance = axios.create({
  17. baseURL: (import.meta.env.DEV && import.meta.env.VITE_OPEN_PROXY === 'true') ? '/proxy/' : import.meta.env.VITE_APP_API_BASEURL,
  18. timeout: 1000 * 60,
  19. responseType: 'json',
  20. })
  21. axiosInstance.interceptors.request.use(
  22. (request) => {
  23. // 全局拦截请求发送前提交的参数
  24. const userStore = useUserStore()
  25. // 设置请求头
  26. if (request.headers) {
  27. if (userStore.isLogin) {
  28. request.headers.Authorization = userStore.token
  29. }
  30. }
  31. // 是否将 POST 请求参数进行字符串化处理
  32. if (request.method === 'post') {
  33. // request.data = qs.stringify(request.data, {
  34. // arrayFormat: 'brackets',
  35. // })
  36. }
  37. return request
  38. },
  39. )
  40. axiosInstance.interceptors.response.use(
  41. (response) => {
  42. /**
  43. * 全局拦截请求发送后返回的数据,如果数据有报错则在这做全局的错误提示
  44. * 假设返回数据格式为:{ status: 1, error: '', data: '' }
  45. * 规则是当 status 为 1 时表示请求成功,为 0 时表示接口需要登录或者登录状态失效,需要重新登录
  46. * 请求出错时 error 会返回错误信息
  47. */
  48. if (response.data.code === 500) {
  49. if (response.data.msg !== '') {
  50. // 错误提示
  51. Message.error(response.data.msg, {
  52. zIndex: 2000,
  53. })
  54. return Promise.resolve(response.data)
  55. }
  56. }
  57. else {
  58. if (response.data.code === 401) {
  59. Message({
  60. message: '登录信息已过期,请重新登录!!!',
  61. type: 'error',
  62. duration: 2000,
  63. })
  64. // useUserStore().logout()
  65. }
  66. // useUserStore().logout()
  67. }
  68. return Promise.resolve(response.data)
  69. },
  70. (error) => {
  71. let message = error.message
  72. if (message === 'Network Error') {
  73. message = '后端网络故障'
  74. }
  75. else if (message.includes('timeout')) {
  76. message = '接口请求超时'
  77. }
  78. else if (message.includes('Request failed with status code')) {
  79. message = `接口${message.substr(message.length - 3)}异常`
  80. }
  81. Message.error(message, {
  82. zIndex: 2000,
  83. })
  84. return Promise.reject(error)
  85. },
  86. )
  87. // API 模块
  88. const api = {
  89. appApi: appApi(axiosInstance),
  90. userApi: userApi(axiosInstance),
  91. roleApi: roleApi(axiosInstance),
  92. institutionApi:institutionApi(axiosInstance),
  93. areaApi:areaApi(axiosInstance),
  94. operationApi: operationApi(axiosInstance),
  95. menuApi:menuApi(axiosInstance),
  96. commonApi: commonApi(axiosInstance),
  97. teamApi: teamApi(axiosInstance)
  98. }
  99. export default api