import axios, { AxiosResponse, InternalAxiosRequestConfig , AxiosRequestHeaders} from 'axios'; import { useUserStore } from '@/store/modules/user'; import { getToken } from '@/utils/auth'; import { tansParams, blobValidate } from '@/utils/common'; import cache from '@/plugins/cache'; import { HttpStatus } from '@/enums/RespEnum'; import { errorCode } from '@/utils/errorCode'; import { LoadingInstance } from 'element-plus/es/components/loading/src/loading'; import FileSaver from 'file-saver'; import { getLanguage } from '@/lang'; import { encryptBase64, encryptWithAes, generateAesKey, decryptWithAes, decryptBase64 } from '@/utils/crypto'; import { encrypt, decrypt } from '@/utils/jsencrypt'; import router from '@/router'; import { buildDefaultMock, buildMockByRequest } from '@/mock/httpMock'; const encryptHeader = 'encrypt-key'; let downloadLoadingInstance: LoadingInstance; // 是否显示重新登录 export const isRelogin = { show: true }; export const globalHeaders = () => { return { Authorization: 'Bearer ' + getToken() }; }; axios.defaults.headers['Content-Type'] = 'application/json;charset=utf-8'; // 创建 axios 实例 const service = axios.create({ baseURL: import.meta.env.VITE_APP_BASE_API, timeout: 50000 }); declare interface header extends AxiosRequestHeaders{ isToken?: boolean; repeatSubmit?: boolean; isEncrypt?: string; } declare interface config extends InternalAxiosRequestConfig { headers: header } // 请求拦截器 service.interceptors.request.use( (config: config) => { // const router = useRouter(); console.log(router, ">>???????????111???????????"); //获取当前路由对象 let menuId = router.currentRoute?.value?.meta?.menuId; // 对应国际化资源文件后缀 config.headers['Content-Language'] = getLanguage(); const isToken = (config.headers || {}).isToken === false; // 是否需要防止数据重复提交 const isRepeatSubmit = (config.headers || {}).repeatSubmit === false; // 是否需要加密 const isEncrypt = (config.headers || {}).isEncrypt === 'true'; if (getToken() && !isToken) { config.headers['token'] = getToken(); // 让每个请求携带自定义token 请根据实际情况自行修改 } // get请求映射params参数 if (config.method === 'get' && config.params) { if (menuId && config.params) { config.params['scopeMenuId'] = menuId; } console.log(config.params, ">>??????????????????????"); let url = config.url + '?' + tansParams(config.params); url = url.slice(0, -1); config.params = {}; config.url = url; } if (!isRepeatSubmit && (config.method === 'post' || config.method === 'put')) { if (menuId && config.data) { config.data['scopeMenuId'] = menuId; } console.log(config.data, ">>??????????????????????"); const requestObj = { url: config.url, data: typeof config.data === 'object' ? JSON.stringify(config.data) : config.data, time: new Date().getTime() }; // const sessionObj = cache.session.getJSON('sessionObj'); // if (sessionObj === undefined || sessionObj === null || sessionObj === '') { // cache.session.setJSON('sessionObj', requestObj); // } else { // const s_url = sessionObj.url; // 请求地址 // const s_data = sessionObj.data; // 请求数据 // const s_time = sessionObj.time; // 请求时间 // const interval = 500; // 间隔时间(ms),小于此时间视为重复提交 // if (s_data === requestObj.data && requestObj.time - s_time < interval && s_url === requestObj.url) { // const message = '数据正在处理,请勿重复提交'; // console.warn(`[${s_url}]: ` + message); // return Promise.reject(new Error(message)); // } else { // cache.session.setJSON('sessionObj', requestObj); // } // } } // 当开启参数加密 if (isEncrypt && (config.method === 'post' || config.method === 'put')) { // 生成一个 AES 密钥 const aesKey = generateAesKey(); config.headers[encryptHeader] = encrypt(encryptBase64(aesKey)); config.data = typeof config.data === 'object' ? encryptWithAes(JSON.stringify(config.data), aesKey) : encryptWithAes(config.data, aesKey); } // FormData数据去请求头Content-Type if (config.data instanceof FormData) { delete config.headers['Content-Type']; } // 迁移联调阶段:优先走本地 mock,避免接口未就绪导致浏览器 404 噪音 const requestUrl = config.url || ''; const requestMethod = config.method || 'get'; const customMock = buildMockByRequest(requestUrl, requestMethod, config.data); const isApiPath = requestUrl.startsWith('/'); if (customMock || isApiPath) { const mockData = customMock || buildDefaultMock(requestUrl); config.adapter = async () => { return { data: mockData, status: 200, statusText: 'OK', headers: {}, config, request: {} } as AxiosResponse; }; } return config; }, (error: any) => { console.log(error); return Promise.reject(error); } ); // 响应拦截器 service.interceptors.response.use( (res: AxiosResponse) => { // 未设置状态码则默认成功状态 const code = res.data.code || HttpStatus.SUCCESS; // 获取错误信息 const msg = errorCode[code] || res.data.message || errorCode['default']; // 二进制数据则直接返回 if (res.request.responseType === 'blob' || res.request.responseType === 'arraybuffer') { return res; } if (code === 401) { if (msg === '未登录' || res.data.message === '未登录') { // 未登录情况直接跳登录页,无需弹窗确认 useUserStore().logout().then(() => { location.href = import.meta.env.VITE_APP_CONTEXT_PATH + 'login'; }); return Promise.reject('未登录,即将跳转到登录页。'); } // prettier-ignore if (!isRelogin.show) { isRelogin.show = true; ElMessageBox.confirm('登录状态已过期,您可以继续留在该页面,或者重新登录', '系统提示', { confirmButtonText: '重新登录', cancelButtonText: '取消', type: 'warning' }).then(() => { isRelogin.show = false; useUserStore().logout().then(() => { location.href = import.meta.env.VITE_APP_CONTEXT_PATH + 'index'; }); }).catch(() => { isRelogin.show = false; }); } return Promise.reject('无效的会话,或者会话已过期,请重新登录。'); } else if (code == 1002) { let errorMsg = res.data.result.map(item => { return h('p', null, item.errorMsg) }) ElMessageBox({ title: '错误提示', type: 'error', message: h('div', null, errorMsg) }) return Promise.reject(new Error(msg)); } else if (code === HttpStatus.SERVER_ERROR) { console.log(msg); ElMessage({ message: msg, type: 'error' }); return Promise.reject(new Error(msg)); } else if (code === HttpStatus.WARN) { ElMessage({ message: msg, type: 'warning' }); return Promise.reject(new Error(msg)); } else if (code !== HttpStatus.SUCCESS) { ElNotification.error({ title: msg }); return Promise.reject('error'); } else { return Promise.resolve(res.data); } }, (error: any) => { console.log(error) // 如果是 HTTP 401,跳转到登录 if (error.response && error.response.status === 401) { if (!isRelogin.show) { isRelogin.show = true; ElMessageBox.confirm('登录状态已过期,您可以继续留在该页面,或者重新登录', '系统提示', { confirmButtonText: '重新登录', cancelButtonText: '取消', type: 'warning' }).then(() => { isRelogin.show = false; useUserStore().logout().then(() => { location.href = import.meta.env.VITE_APP_CONTEXT_PATH + 'index'; }); }).catch(() => { isRelogin.show = false; }); } return Promise.reject('无效的会话,或者会话已过期,请重新登录。'); } const requestUrl = error?.config?.url || ''; const requestMethod = error?.config?.method || 'get'; const requestData = error?.config?.data; // 接口不可达时启用 mock 兜底(便于页面迁移阶段先联调 UI) const customMock = buildMockByRequest(requestUrl, requestMethod, requestData); if (customMock) { console.warn(`[mock] ${requestMethod.toUpperCase()} ${requestUrl}`); return Promise.resolve(customMock); } let { message } = error; // 没有定制 mock 时,返回通用空数据,避免页面直接崩溃 if (error?.response || message === 'Network Error' || (message && message.includes('timeout'))) { const fallback = buildDefaultMock(requestUrl); console.warn(`[mock-default] ${requestMethod.toUpperCase()} ${requestUrl}`); return Promise.resolve(fallback); } if (message == 'Network Error') { message = '网络异常'; } else if (message.includes('timeout')) { message = '请求超时'; } else if (message.includes('Request failed with status code')) { message = '系统接口' + message.substr(message.length - 3) + '异常'; } let msgUrls = ['/sys/message/getNoReadCount', '/mail/get_new_mail', '/mail/receive_mail'] if(msgUrls.includes(error?.config?.url)) { return false }else { ElMessage({ message: message, type: 'error', duration: 5 * 1000 }); } return Promise.reject(error); } ); // 通用下载方法 export function download(url: string, params: any, fileName: string) { downloadLoadingInstance = ElLoading.service({ text: '正在下载数据,请稍候', background: 'rgba(0, 0, 0, 0.7)' }); // prettier-ignore return service.post(url, params, { headers: { 'Content-Type': 'application/json' }, responseType: 'blob' }).then(async (resp: any) => { // 获取 Content-Disposition 头部 const contentDisposition = resp.headers.get('Content-Disposition'); // 提取文件名 fileName = contentDisposition ? contentDisposition.split('filename=')[1].replace(/['"]/g, '') // 去掉引号 : 'default-filename.doc'; // 如果没有文件名,设置默认值 const isLogin = blobValidate(resp); if (isLogin) { const blob = new Blob([resp.data]); FileSaver.saveAs(blob, fileName); } else { const resText = await resp.data.text(); const rspObj = JSON.parse(resText); const errMsg = errorCode[rspObj.code] || rspObj.msg || errorCode['default']; ElMessage.error(errMsg); } downloadLoadingInstance.close(); }).catch((r: any) => { console.error(r); ElMessage.error('下载文件出现错误,请联系管理员!'); downloadLoadingInstance.close(); }); } // 导出 axios 实例 export default service;