request_modbus.ts 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142
  1. import axios from 'axios';
  2. import { ElMessage, ElMessageBox } from 'element-plus';
  3. import { getOtherServersOrigin } from '/@/utils/origin'
  4. import { getToken, removeToken } from "/@/utils/auth";
  5. // 配置新建一个 axios 实例
  6. const service = axios.create({
  7. baseURL: getOtherServersOrigin(import.meta.env.VITE_MODBUS_API),
  8. timeout: 120000,
  9. headers: { 'Content-Type': 'application/json' },
  10. });
  11. // 添加请求拦截器
  12. service.interceptors.request.use(
  13. (config) => {
  14. // 在发送请求之前做些什么 token
  15. if (getToken()) {
  16. (<any>config.headers).common['Authorization'] = `Bearer ${getToken()}`;
  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('登录状态已过期,请重新登录', '提示',
  33. { confirmButtonText: '确定', showCancelButton: false, closeOnHashChange: false, closeOnPressEscape: false, closeOnClickModal: false, showClose: false })
  34. .then(() => {
  35. localStorage.clear(); // 清除缓存/token等
  36. sessionStorage.clear(); // 清除缓存/token等
  37. removeToken()
  38. window.location.href = '/'; // 去登录页
  39. })
  40. .catch(() => { });
  41. } else if (code === undefined && res.message === undefined) { // 可能是下载文件
  42. return response
  43. } else if (code !== 0) {
  44. ElMessage.closeAll()
  45. ElMessage.error(res.message)
  46. return Promise.reject(new Error(res.message))
  47. } else {
  48. // 分页的数据
  49. if (res.data?.Total !== undefined) {
  50. return {
  51. list: res.data.Data,
  52. total: res.data.Total,
  53. page: res.data.currentPage,
  54. ...res.data,
  55. }
  56. }
  57. // if (res.data?.Data) {
  58. // return res.data.Data
  59. // }
  60. if (res.data?.Info && res.data?.Data) { // currentUser接口
  61. return res.data
  62. }
  63. if (res.data?.Data === undefined) {
  64. return res.data
  65. }
  66. return res.data.Data
  67. }
  68. },
  69. (error) => {
  70. ElMessage.closeAll()
  71. // 对响应错误做点什么
  72. if (error.message.indexOf('timeout') != -1) {
  73. ElMessage.error('网络超时');
  74. } else if (error.message == 'Network Error') {
  75. ElMessage.error('网络连接错误');
  76. } else {
  77. if (error.response.data) ElMessage.error(error.response.statusText);
  78. else ElMessage.error('接口路径找不到');
  79. }
  80. return Promise.reject(error);
  81. }
  82. );
  83. // 导出 axios 实例
  84. export default service;
  85. export function get(url: string, params?: any, config?: any): any {
  86. return service({
  87. url,
  88. method: "get",
  89. ...config,
  90. params
  91. })
  92. }
  93. export function post(url: string, data?: any, config?: any): any {
  94. return service({
  95. url,
  96. method: "post",
  97. ...config,
  98. data
  99. })
  100. }
  101. export function put(url: string, data?: any): any {
  102. return service({
  103. url,
  104. method: "put",
  105. data
  106. })
  107. }
  108. export function del(url: string, data?: any): any {
  109. return service({
  110. url,
  111. method: "delete",
  112. data
  113. })
  114. }
  115. export function file(url: string, params?: any, method: 'get' | 'post' = 'get'): any {
  116. if (method === 'get') {
  117. return service({
  118. url,
  119. method,
  120. params,
  121. timeout: 120000,
  122. responseType: 'arraybuffer',
  123. });
  124. } else {
  125. return service({
  126. url,
  127. method,
  128. timeout: 120000,
  129. data: params,
  130. responseType: 'blob',
  131. });
  132. }
  133. }