| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294 |
- 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;
|