index.ts 3.5 KB

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