318 lines
12 KiB
TypeScript
318 lines
12 KiB
TypeScript
import axios, { AxiosResponse, InternalAxiosRequestConfig } from 'axios';
|
|
import { useUserStore } from '@/store/modules/user';
|
|
import { getToken } from '@/utils/auth';
|
|
import { tansParams, blobValidate } from '@/utils/ruoyi';
|
|
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.mjs';
|
|
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';
|
|
|
|
const encryptHeader = 'encrypt-key';
|
|
let downloadLoadingInstance: LoadingInstance;
|
|
// 是否显示重新登录
|
|
export const isRelogin = { show: false };
|
|
export const globalHeaders = () => {
|
|
return {
|
|
Authorization: 'Bearer ' + getToken(),
|
|
clientid: import.meta.env.VITE_APP_CLIENT_ID
|
|
};
|
|
};
|
|
|
|
axios.defaults.headers['Content-Type'] = 'application/json;charset=utf-8';
|
|
axios.defaults.headers['clientid'] = import.meta.env.VITE_APP_CLIENT_ID;
|
|
// 创建 axios 实例
|
|
const service = axios.create({
|
|
baseURL: import.meta.env.VITE_APP_BASE_API,
|
|
timeout: 300000 // 增加到5分钟，适合大数据量导出
|
|
});
|
|
|
|
// 请求拦截器
|
|
service.interceptors.request.use(
|
|
(config: InternalAxiosRequestConfig) => {
|
|
// 对应国际化资源文件后缀
|
|
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['Authorization'] = 'Bearer ' + getToken(); // 让每个请求携带自定义token 请根据实际情况自行修改
|
|
}
|
|
// get请求映射params参数
|
|
if (config.method === 'get' && 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')) {
|
|
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 (import.meta.env.VITE_APP_ENCRYPT === 'true') {
|
|
// 当开启参数加密
|
|
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'];
|
|
}
|
|
return config;
|
|
},
|
|
(error: any) => {
|
|
return Promise.reject(error);
|
|
}
|
|
);
|
|
|
|
// 响应拦截器
|
|
service.interceptors.response.use(
|
|
(res: AxiosResponse) => {
|
|
if (import.meta.env.VITE_APP_ENCRYPT === 'true') {
|
|
// 加密后的 AES 秘钥
|
|
const keyStr = res.headers[encryptHeader];
|
|
// 加密
|
|
if (keyStr != null && keyStr != '') {
|
|
const data = res.data;
|
|
// 请求体 AES 解密
|
|
const base64Str = decrypt(keyStr);
|
|
// base64 解码 得到请求头的 AES 秘钥
|
|
const aesKey = decryptBase64(base64Str.toString());
|
|
// aesKey 解码 data
|
|
const decryptData = decryptWithAes(data, aesKey);
|
|
// 将结果 (得到的是 JSON 字符串) 转为 JSON
|
|
res.data = JSON.parse(decryptData);
|
|
}
|
|
}
|
|
// 未设置状态码则默认成功状态
|
|
const resData: any = res.data || {};
|
|
let code: any = resData.code;
|
|
// 兼容后端可能返回的字符串数值或缺省 code
|
|
if (typeof code === 'string' && /^\d+$/.test(code)) {
|
|
code = parseInt(code, 10);
|
|
}
|
|
if (code === undefined || code === null) {
|
|
code = HttpStatus.SUCCESS;
|
|
}
|
|
|
|
// 获取错误信息
|
|
const msg = errorCode[code] || resData.msg || errorCode['default'];
|
|
// 二进制数据则直接返回
|
|
if (res.request.responseType === 'blob' || res.request.responseType === 'arraybuffer') {
|
|
return res.data;
|
|
}
|
|
|
|
// 兼容部分后端成功 code 为 0 的情况，或未携带 code 但返回了 rows/total 的分页结构（含 data.* 兼容）
|
|
if (
|
|
code === HttpStatus.SUCCESS ||
|
|
code === 0 ||
|
|
code === 'SUCCESS' ||
|
|
resData.success === true ||
|
|
(res.status === 200 &&
|
|
(resData.rows !== undefined ||
|
|
resData.total !== undefined ||
|
|
(resData.data && (resData.data.rows !== undefined || resData.data.total !== undefined || resData.data.list !== undefined)) ||
|
|
resData.list !== undefined)) ||
|
|
(res.status === 200 && res.config?.method === 'get')
|
|
) {
|
|
return Promise.resolve(resData);
|
|
}
|
|
|
|
if (code === 401) {
|
|
// prettier-ignore
|
|
if (!isRelogin.show) {
|
|
isRelogin.show = true;
|
|
ElMessageBox.confirm('登录状态已过期，您可以继续留在该页面，或者重新登录', '系统提示', {
|
|
confirmButtonText: '重新登录',
|
|
cancelButtonText: '取消',
|
|
type: 'warning'
|
|
}).then(() => {
|
|
isRelogin.show = false;
|
|
useUserStore().logout().then(() => {
|
|
router.replace({
|
|
path: '/login',
|
|
query: {
|
|
redirect: encodeURIComponent(router.currentRoute.value.fullPath || '/')
|
|
}
|
|
})
|
|
});
|
|
}).catch(() => {
|
|
isRelogin.show = false;
|
|
});
|
|
}
|
|
const err401 = new Error('401 Unauthorized: 无效的会话，或者会话已过期，请重新登录。') as any;
|
|
err401.response = res;
|
|
return Promise.reject(err401);
|
|
} else if (code === 403) {
|
|
// 特殊处理403权限错误，提供更明确的错误提示
|
|
const permissionMsg = '无访问权限，可能原因：\n1. 用户权限不足\n2. 权限配置问题\n请联系管理员检查权限配置';
|
|
ElMessage({
|
|
message: permissionMsg,
|
|
type: 'warning',
|
|
duration: 8000,
|
|
showClose: true
|
|
});
|
|
const err403 = new Error('403 Forbidden: ' + permissionMsg) as any;
|
|
err403.response = res;
|
|
return Promise.reject(err403);
|
|
} else if (code === HttpStatus.SERVER_ERROR) {
|
|
ElMessage({ message: msg, type: 'error' });
|
|
const err = new Error(msg) as any;
|
|
err.response = res;
|
|
return Promise.reject(err);
|
|
} else if (code === HttpStatus.WARN) {
|
|
ElMessage({ message: msg, type: 'warning' });
|
|
const err = new Error(msg) as any;
|
|
err.response = res;
|
|
return Promise.reject(err);
|
|
} else if (code === 404) {
|
|
// 对404错误进行特殊处理，不显示错误提示
|
|
console.log('404错误被静默处理，不显示用户提示');
|
|
const err = new Error('404') as any;
|
|
err.response = res;
|
|
return Promise.reject(err);
|
|
} else if (code !== HttpStatus.SUCCESS) {
|
|
// 确保错误消息不为空，避免只显示图标没有文字
|
|
const errorMsg = msg || errorCode['default'] || '操作失败，请稍后重试';
|
|
ElNotification.error({
|
|
title: '错误提示',
|
|
message: errorMsg,
|
|
duration: 5000
|
|
});
|
|
const err = new Error(errorMsg) as any;
|
|
err.response = res;
|
|
return Promise.reject(err);
|
|
} else {
|
|
return Promise.resolve(resData);
|
|
}
|
|
},
|
|
(error: any) => {
|
|
let { message } = error;
|
|
if (message == 'Network Error') {
|
|
message = '后端接口连接异常';
|
|
} else if (message.includes('timeout')) {
|
|
message = '系统接口请求超时';
|
|
} else if (message.includes('Request failed with status code')) {
|
|
const statusCode = message.substr(message.length - 3);
|
|
// 对404错误进行特殊处理，不显示错误提示
|
|
if (statusCode === '404') {
|
|
console.log('404错误被静默处理，不显示用户提示');
|
|
return Promise.reject(error);
|
|
}
|
|
|
|
// 对心理健康测评详情页面的403错误进行特殊处理
|
|
if (statusCode === '403') {
|
|
const url = error.config.url;
|
|
// 如果是心理健康测评详情相关的API，不显示错误提示
|
|
if (url && (url.includes('/xljk/evaluation/') || url.includes('/xljk/evaluation/detail/'))) {
|
|
console.log('心理健康测评详情页面403错误被静默处理，不显示用户提示');
|
|
return Promise.reject(error);
|
|
}
|
|
}
|
|
|
|
message = '系统接口' + statusCode + '异常';
|
|
}
|
|
ElMessage({ message: message, type: 'error', duration: 5 * 1000 });
|
|
return Promise.reject(error);
|
|
}
|
|
);
|
|
// 通用下载方法（支持GET和POST）
|
|
export function download(url: string, params: any, fileName: string, method: string = 'post') {
|
|
downloadLoadingInstance = ElLoading.service({ text: '正在下载数据，请稍候', background: 'rgba(0, 0, 0, 0.7)' });
|
|
const isGet = method.toLowerCase() === 'get';
|
|
// prettier-ignore
|
|
return service({
|
|
url: url,
|
|
method: method,
|
|
params: isGet ? params : undefined,
|
|
data: isGet ? undefined : params,
|
|
transformRequest: isGet ? undefined : [
|
|
(params: any) => {
|
|
return tansParams(params);
|
|
}
|
|
],
|
|
headers: isGet ? undefined : { 'Content-Type': 'application/x-www-form-urlencoded' },
|
|
responseType: 'blob',
|
|
timeout: 1200000 // 导出接口单独设置20分钟超时
|
|
}).then(async (resp: any) => {
|
|
const isLogin = blobValidate(resp);
|
|
if (isLogin) {
|
|
const blob = new Blob([resp]);
|
|
FileSaver.saveAs(blob, fileName);
|
|
} else {
|
|
const blob = new Blob([resp]);
|
|
const resText = await blob.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();
|
|
});
|
|
}
|
|
|
|
// 通用下载方法（JSON格式入参）
|
|
export function downloadJson(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;charset=utf-8' },
|
|
responseType: 'blob',
|
|
timeout: 1200000 // 导出接口单独设置20分钟超时
|
|
}).then(async (resp: any) => {
|
|
const isLogin = blobValidate(resp);
|
|
if (isLogin) {
|
|
const blob = new Blob([resp]);
|
|
FileSaver.saveAs(blob, fileName);
|
|
} else {
|
|
const blob = new Blob([resp]);
|
|
const resText = await blob.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;
|