request_assess.ts 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107
  1. import axios from 'axios';
  2. import { ElMessage, ElMessageBox } from 'element-plus';
  3. import { Session } from '/@/utils/storage';
  4. import getOrigin from '/@/utils/origin'
  5. // 配置新建一个 axios 实例
  6. const service = axios.create({
  7. baseURL: getOrigin(import.meta.env.VITE_ASSESS_URL),
  8. timeout: 50000,
  9. headers: { 'Content-Type': 'application/json' },
  10. });
  11. // 添加请求拦截器
  12. service.interceptors.request.use(
  13. (config) => {
  14. // 在发送请求之前做些什么 token
  15. if (Session.get('token')) {
  16. // (<any>config.headers).common['Authorization'] = `Bearer ${Session.get('token')}`;
  17. }
  18. return config;
  19. },
  20. (error) => {
  21. // 对请求错误做些什么
  22. return Promise.reject(error);
  23. }
  24. );
  25. // 添加响应拦截器
  26. service.interceptors.response.use(
  27. (response) => {
  28. // 对响应数据做点什么
  29. const res = response.data;
  30. const code = response.data.code
  31. if (code === 401) {
  32. ElMessageBox.alert('登录状态已过期,请重新登录', '提示', { confirmButtonText: '确定' })
  33. .then(() => {
  34. Session.clear(); // 清除浏览器全部临时缓存
  35. window.location.href = '/'; // 去登录页
  36. })
  37. .catch(() => { });
  38. } else if (code !== 0) {
  39. ElMessage.error(res.message)
  40. return Promise.reject(new Error(res.message))
  41. } else {
  42. // 分页的数据
  43. if (res.data?.Total !== undefined) {
  44. return {
  45. list: res.data.Data,
  46. total: res.data.Total,
  47. page: res.data.currentPage,
  48. ...res.data,
  49. }
  50. }
  51. if (res.data?.Data) {
  52. return res.data.Data
  53. }
  54. if (res.data?.Data === undefined) {
  55. return res.data
  56. }
  57. }
  58. },
  59. (error) => {
  60. // 对响应错误做点什么
  61. if (error.message.indexOf('timeout') != -1) {
  62. ElMessage.error('网络超时');
  63. } else if (error.message == 'Network Error') {
  64. ElMessage.error('网络连接错误');
  65. } else {
  66. if (error.response.data) ElMessage.error(error.response.statusText);
  67. else ElMessage.error('接口路径找不到');
  68. }
  69. return Promise.reject(error);
  70. }
  71. );
  72. // 导出 axios 实例
  73. export default service;
  74. export function get(url: string, params?: any): any {
  75. return service({
  76. url,
  77. method: "get",
  78. params
  79. })
  80. }
  81. export function post(url: string, data?: any): any {
  82. return service({
  83. url,
  84. method: "post",
  85. data
  86. })
  87. }
  88. export function put(url: string, data?: any): any {
  89. return service({
  90. url,
  91. method: "put",
  92. data
  93. })
  94. }
  95. export function del(url: string, data?: any): any {
  96. return service({
  97. url,
  98. method: "delete",
  99. data
  100. })
  101. }