request.js 2.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. /**
  2. * axios 实例
  3. */
  4. import axios from 'axios';
  5. import router from '@/router';
  6. import store from '@/store';
  7. import { MessageBox, Message } from 'element-ui';
  8. import { API_BASE_URL, TOKEN_HEADER_NAME, LAYOUT_PATH } from '@/config/setting';
  9. import { getToken, setToken } from './token-util';
  10. import { logout } from './page-tab-util';
  11. import JSONBIG from 'json-bigint';
  12. const service = axios.create({
  13. baseURL: API_BASE_URL,
  14. transformResponse: [
  15. function (data) {
  16. if (data instanceof Blob) {
  17. return data;
  18. }
  19. const json = JSONBIG({
  20. storeAsString: true
  21. });
  22. const res = json.parse(data);
  23. return res;
  24. }
  25. ]
  26. });
  27. /**
  28. * 添加请求拦截器
  29. */
  30. service.interceptors.request.use(
  31. (config) => {
  32. // 添加 token 到 header
  33. const token = getToken();
  34. if (token && config.headers) {
  35. config.headers.common[TOKEN_HEADER_NAME] = token;
  36. }
  37. return config;
  38. },
  39. (error) => {
  40. return Promise.reject(error);
  41. }
  42. );
  43. /**
  44. * 添加响应拦截器
  45. */
  46. service.interceptors.response.use(
  47. (res) => {
  48. // token 自动续期
  49. if (res.data.code == '-1' && res.config?.showErrorToast !== false) {
  50. Message.error(res.data.message);
  51. }
  52. const token = res.headers[TOKEN_HEADER_NAME.toLowerCase()];
  53. if (token) {
  54. setToken(token);
  55. }
  56. return res;
  57. },
  58. (error) => {
  59. console.log(error, '错误信息error');
  60. // 登录过期处理
  61. if (error?.response?.status === 401) {
  62. const currentPath = router.currentRoute.path;
  63. // if (currentPath === LAYOUT_PATH) {
  64. // logout(true);
  65. // } else {
  66. MessageBox.alert('登录状态已过期, 请退出重新登录!', '系统提示', {
  67. confirmButtonText: '重新登录',
  68. callback: (action) => {
  69. if (action === 'confirm') {
  70. logout(false, currentPath);
  71. }
  72. },
  73. beforeClose: () => {
  74. MessageBox.close();
  75. }
  76. });
  77. // }
  78. return Promise.reject(new Error(error.response.data?.message));
  79. } else if (!error?.response?.status) {
  80. console.log(error.message);
  81. if (error.message != 'canceled') {
  82. Message.error('服务器调用失败,请联系管理人员!');
  83. }
  84. }
  85. return Promise.reject(error);
  86. }
  87. );
  88. export default service;