request.ts 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294
  1. import axios, { AxiosResponse, InternalAxiosRequestConfig , AxiosRequestHeaders} from 'axios';
  2. import { useUserStore } from '@/store/modules/user';
  3. import { getToken } from '@/utils/auth';
  4. import { tansParams, blobValidate } from '@/utils/common';
  5. import cache from '@/plugins/cache';
  6. import { HttpStatus } from '@/enums/RespEnum';
  7. import { errorCode } from '@/utils/errorCode';
  8. import { LoadingInstance } from 'element-plus/es/components/loading/src/loading';
  9. import FileSaver from 'file-saver';
  10. import { getLanguage } from '@/lang';
  11. import { encryptBase64, encryptWithAes, generateAesKey, decryptWithAes, decryptBase64 } from '@/utils/crypto';
  12. import { encrypt, decrypt } from '@/utils/jsencrypt';
  13. import router from '@/router';
  14. import { buildDefaultMock, buildMockByRequest } from '@/mock/httpMock';
  15. const encryptHeader = 'encrypt-key';
  16. let downloadLoadingInstance: LoadingInstance;
  17. // 是否显示重新登录
  18. export const isRelogin = { show: true };
  19. export const globalHeaders = () => {
  20. return {
  21. Authorization: 'Bearer ' + getToken()
  22. };
  23. };
  24. axios.defaults.headers['Content-Type'] = 'application/json;charset=utf-8';
  25. // 创建 axios 实例
  26. const service = axios.create({
  27. baseURL: import.meta.env.VITE_APP_BASE_API,
  28. timeout: 50000
  29. });
  30. declare interface header extends AxiosRequestHeaders{
  31. isToken?: boolean;
  32. repeatSubmit?: boolean;
  33. isEncrypt?: string;
  34. }
  35. declare interface config extends InternalAxiosRequestConfig {
  36. headers: header
  37. }
  38. // 请求拦截器
  39. service.interceptors.request.use(
  40. (config: config) => {
  41. // const router = useRouter();
  42. console.log(router, ">>???????????111???????????");
  43. //获取当前路由对象
  44. let menuId = router.currentRoute?.value?.meta?.menuId;
  45. // 对应国际化资源文件后缀
  46. config.headers['Content-Language'] = getLanguage();
  47. const isToken = (config.headers || {}).isToken === false;
  48. // 是否需要防止数据重复提交
  49. const isRepeatSubmit = (config.headers || {}).repeatSubmit === false;
  50. // 是否需要加密
  51. const isEncrypt = (config.headers || {}).isEncrypt === 'true';
  52. if (getToken() && !isToken) {
  53. config.headers['token'] = getToken(); // 让每个请求携带自定义token 请根据实际情况自行修改
  54. }
  55. // get请求映射params参数
  56. if (config.method === 'get' && config.params) {
  57. if (menuId && config.params) {
  58. config.params['scopeMenuId'] = menuId;
  59. }
  60. console.log(config.params, ">>??????????????????????");
  61. let url = config.url + '?' + tansParams(config.params);
  62. url = url.slice(0, -1);
  63. config.params = {};
  64. config.url = url;
  65. }
  66. if (!isRepeatSubmit && (config.method === 'post' || config.method === 'put')) {
  67. if (menuId && config.data) {
  68. config.data['scopeMenuId'] = menuId;
  69. }
  70. console.log(config.data, ">>??????????????????????");
  71. const requestObj = {
  72. url: config.url,
  73. data: typeof config.data === 'object' ? JSON.stringify(config.data) : config.data,
  74. time: new Date().getTime()
  75. };
  76. // const sessionObj = cache.session.getJSON('sessionObj');
  77. // if (sessionObj === undefined || sessionObj === null || sessionObj === '') {
  78. // cache.session.setJSON('sessionObj', requestObj);
  79. // } else {
  80. // const s_url = sessionObj.url; // 请求地址
  81. // const s_data = sessionObj.data; // 请求数据
  82. // const s_time = sessionObj.time; // 请求时间
  83. // const interval = 500; // 间隔时间(ms),小于此时间视为重复提交
  84. // if (s_data === requestObj.data && requestObj.time - s_time < interval && s_url === requestObj.url) {
  85. // const message = '数据正在处理,请勿重复提交';
  86. // console.warn(`[${s_url}]: ` + message);
  87. // return Promise.reject(new Error(message));
  88. // } else {
  89. // cache.session.setJSON('sessionObj', requestObj);
  90. // }
  91. // }
  92. }
  93. // 当开启参数加密
  94. if (isEncrypt && (config.method === 'post' || config.method === 'put')) {
  95. // 生成一个 AES 密钥
  96. const aesKey = generateAesKey();
  97. config.headers[encryptHeader] = encrypt(encryptBase64(aesKey));
  98. config.data = typeof config.data === 'object' ? encryptWithAes(JSON.stringify(config.data), aesKey) : encryptWithAes(config.data, aesKey);
  99. }
  100. // FormData数据去请求头Content-Type
  101. if (config.data instanceof FormData) {
  102. delete config.headers['Content-Type'];
  103. }
  104. // 迁移联调阶段:优先走本地 mock,避免接口未就绪导致浏览器 404 噪音
  105. const requestUrl = config.url || '';
  106. const requestMethod = config.method || 'get';
  107. const customMock = buildMockByRequest(requestUrl, requestMethod, config.data);
  108. const isApiPath = requestUrl.startsWith('/');
  109. if (customMock || isApiPath) {
  110. const mockData = customMock || buildDefaultMock(requestUrl);
  111. config.adapter = async () => {
  112. return {
  113. data: mockData,
  114. status: 200,
  115. statusText: 'OK',
  116. headers: {},
  117. config,
  118. request: {}
  119. } as AxiosResponse;
  120. };
  121. }
  122. return config;
  123. },
  124. (error: any) => {
  125. console.log(error);
  126. return Promise.reject(error);
  127. }
  128. );
  129. // 响应拦截器
  130. service.interceptors.response.use(
  131. (res: AxiosResponse) => {
  132. // 未设置状态码则默认成功状态
  133. const code = res.data.code || HttpStatus.SUCCESS;
  134. // 获取错误信息
  135. const msg = errorCode[code] || res.data.message || errorCode['default'];
  136. // 二进制数据则直接返回
  137. if (res.request.responseType === 'blob' || res.request.responseType === 'arraybuffer') {
  138. return res;
  139. }
  140. if (code === 401) {
  141. if (msg === '未登录' || res.data.message === '未登录') {
  142. // 未登录情况直接跳登录页,无需弹窗确认
  143. useUserStore().logout().then(() => {
  144. location.href = import.meta.env.VITE_APP_CONTEXT_PATH + 'login';
  145. });
  146. return Promise.reject('未登录,即将跳转到登录页。');
  147. }
  148. // prettier-ignore
  149. if (!isRelogin.show) {
  150. isRelogin.show = true;
  151. ElMessageBox.confirm('登录状态已过期,您可以继续留在该页面,或者重新登录', '系统提示', {
  152. confirmButtonText: '重新登录',
  153. cancelButtonText: '取消',
  154. type: 'warning'
  155. }).then(() => {
  156. isRelogin.show = false;
  157. useUserStore().logout().then(() => {
  158. location.href = import.meta.env.VITE_APP_CONTEXT_PATH + 'index';
  159. });
  160. }).catch(() => {
  161. isRelogin.show = false;
  162. });
  163. }
  164. return Promise.reject('无效的会话,或者会话已过期,请重新登录。');
  165. } else if (code == 1002) {
  166. let errorMsg = res.data.result.map(item => {
  167. return h('p', null, item.errorMsg)
  168. })
  169. ElMessageBox({
  170. title: '错误提示',
  171. type: 'error',
  172. message: h('div', null, errorMsg)
  173. })
  174. return Promise.reject(new Error(msg));
  175. } else if (code === HttpStatus.SERVER_ERROR) {
  176. console.log(msg);
  177. ElMessage({ message: msg, type: 'error' });
  178. return Promise.reject(new Error(msg));
  179. } else if (code === HttpStatus.WARN) {
  180. ElMessage({ message: msg, type: 'warning' });
  181. return Promise.reject(new Error(msg));
  182. } else if (code !== HttpStatus.SUCCESS) {
  183. ElNotification.error({ title: msg });
  184. return Promise.reject('error');
  185. } else {
  186. return Promise.resolve(res.data);
  187. }
  188. },
  189. (error: any) => {
  190. console.log(error)
  191. // 如果是 HTTP 401,跳转到登录
  192. if (error.response && error.response.status === 401) {
  193. if (!isRelogin.show) {
  194. isRelogin.show = true;
  195. ElMessageBox.confirm('登录状态已过期,您可以继续留在该页面,或者重新登录', '系统提示', {
  196. confirmButtonText: '重新登录',
  197. cancelButtonText: '取消',
  198. type: 'warning'
  199. }).then(() => {
  200. isRelogin.show = false;
  201. useUserStore().logout().then(() => {
  202. location.href = import.meta.env.VITE_APP_CONTEXT_PATH + 'index';
  203. });
  204. }).catch(() => {
  205. isRelogin.show = false;
  206. });
  207. }
  208. return Promise.reject('无效的会话,或者会话已过期,请重新登录。');
  209. }
  210. const requestUrl = error?.config?.url || '';
  211. const requestMethod = error?.config?.method || 'get';
  212. const requestData = error?.config?.data;
  213. // 接口不可达时启用 mock 兜底(便于页面迁移阶段先联调 UI)
  214. const customMock = buildMockByRequest(requestUrl, requestMethod, requestData);
  215. if (customMock) {
  216. console.warn(`[mock] ${requestMethod.toUpperCase()} ${requestUrl}`);
  217. return Promise.resolve(customMock);
  218. }
  219. let { message } = error;
  220. // 没有定制 mock 时,返回通用空数据,避免页面直接崩溃
  221. if (error?.response || message === 'Network Error' || (message && message.includes('timeout'))) {
  222. const fallback = buildDefaultMock(requestUrl);
  223. console.warn(`[mock-default] ${requestMethod.toUpperCase()} ${requestUrl}`);
  224. return Promise.resolve(fallback);
  225. }
  226. if (message == 'Network Error') {
  227. message = '网络异常';
  228. } else if (message.includes('timeout')) {
  229. message = '请求超时';
  230. } else if (message.includes('Request failed with status code')) {
  231. message = '系统接口' + message.substr(message.length - 3) + '异常';
  232. }
  233. let msgUrls = ['/sys/message/getNoReadCount', '/mail/get_new_mail', '/mail/receive_mail']
  234. if(msgUrls.includes(error?.config?.url)) {
  235. return false
  236. }else {
  237. ElMessage({ message: message, type: 'error', duration: 5 * 1000 });
  238. }
  239. return Promise.reject(error);
  240. }
  241. );
  242. // 通用下载方法
  243. export function download(url: string, params: any, fileName: string) {
  244. downloadLoadingInstance = ElLoading.service({ text: '正在下载数据,请稍候', background: 'rgba(0, 0, 0, 0.7)' });
  245. // prettier-ignore
  246. return service.post(url, params, {
  247. headers: { 'Content-Type': 'application/json' },
  248. responseType: 'blob'
  249. }).then(async (resp: any) => {
  250. // 获取 Content-Disposition 头部
  251. const contentDisposition = resp.headers.get('Content-Disposition');
  252. // 提取文件名
  253. fileName = contentDisposition
  254. ? contentDisposition.split('filename=')[1].replace(/['"]/g, '') // 去掉引号
  255. : 'default-filename.doc'; // 如果没有文件名,设置默认值
  256. const isLogin = blobValidate(resp);
  257. if (isLogin) {
  258. const blob = new Blob([resp.data]);
  259. FileSaver.saveAs(blob, fileName);
  260. } else {
  261. const resText = await resp.data.text();
  262. const rspObj = JSON.parse(resText);
  263. const errMsg = errorCode[rspObj.code] || rspObj.msg || errorCode['default'];
  264. ElMessage.error(errMsg);
  265. }
  266. downloadLoadingInstance.close();
  267. }).catch((r: any) => {
  268. console.error(r);
  269. ElMessage.error('下载文件出现错误,请联系管理员!');
  270. downloadLoadingInstance.close();
  271. });
  272. }
  273. // 导出 axios 实例
  274. export default service;