|
|
|
|
@ -10,16 +10,16 @@ import router from '@/router/'; // Vue路由
|
|
|
|
|
import { serialize } from 'utils/util'; // 序列化工具函数，通常用于处理请求参数
|
|
|
|
|
import { getToken } from 'utils/auth'; // 用于获取存储的Token
|
|
|
|
|
import { isURL } from 'utils/validate'; // 验证字符串是否为URL的函数
|
|
|
|
|
import { ElMessage,ElMessageBox } from 'element-plus'; // Element-Plus中的消息提示组件
|
|
|
|
|
import { ElMessage, ElMessageBox } from 'element-plus'; // Element-Plus中的消息提示组件
|
|
|
|
|
import website from '@/config/website'; // 站点配置文件，可以配置一些通用信息如clientId、clientSecret
|
|
|
|
|
import NProgress from 'nprogress'; // 页面顶部进度条
|
|
|
|
|
import 'nprogress/nprogress.css'; // 进度条样式
|
|
|
|
|
import { Base64 } from 'js-base64'; // Base64编码工具
|
|
|
|
|
import { baseUrl } from '@/config/env'; // API基础URL
|
|
|
|
|
import crypto from '@/utils/crypto'; // 加密工具，可能用于加密Token等
|
|
|
|
|
import {ref} from 'vue'; |
|
|
|
|
import { ref } from 'vue'; |
|
|
|
|
let msg = ref(''); // 错误信息
|
|
|
|
|
let isAlertShowing = false; // 新增的标志变量
|
|
|
|
|
let isAlertShowing = false; // 新增的标志变量
|
|
|
|
|
// 存储待取消的HTTP请求的键值对，用于取消重复的请求
|
|
|
|
|
const pendingRequests = new Map(); |
|
|
|
|
|
|
|
|
|
@ -40,11 +40,13 @@ function generateReqKey(config) {
|
|
|
|
|
// 添加请求到pendingRequests对象，并创建取消令牌
|
|
|
|
|
function addPendingRequest(config) { |
|
|
|
|
const requestKey = generateReqKey(config); |
|
|
|
|
config.cancelToken = config.cancelToken || new axios.CancelToken((cancel) => { |
|
|
|
|
if (!pendingRequests.has(requestKey)) { |
|
|
|
|
pendingRequests.set(requestKey, cancel); |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
config.cancelToken = |
|
|
|
|
config.cancelToken || |
|
|
|
|
new axios.CancelToken(cancel => { |
|
|
|
|
if (!pendingRequests.has(requestKey)) { |
|
|
|
|
pendingRequests.set(requestKey, cancel); |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
// 从pendingRequests对象中移除请求，并调用取消操作
|
|
|
|
|
@ -60,7 +62,7 @@ function removePendingRequest(config) {
|
|
|
|
|
//axios请求拦截器
|
|
|
|
|
axios.interceptors.request.use( |
|
|
|
|
config => { |
|
|
|
|
// 检查 config.url 是否以 http 开头
|
|
|
|
|
// 检查 config.url 是否以 http 开头
|
|
|
|
|
// console.log(config,'config');
|
|
|
|
|
// 在请求开始前，对之前的请求做检查取消操作
|
|
|
|
|
removePendingRequest(config); |
|
|
|
|
@ -68,12 +70,12 @@ axios.interceptors.request.use(
|
|
|
|
|
addPendingRequest(config); |
|
|
|
|
// 显示进度条
|
|
|
|
|
NProgress.start(); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// // 检查URL是否完整，如果不完整或不是URL，则添加baseUrl前缀
|
|
|
|
|
if (!isURL(config.url) && !config.url.startsWith(baseUrl)) { |
|
|
|
|
config.url = baseUrl + config.url; |
|
|
|
|
} |
|
|
|
|
// 检查URL是否完整，如果不完整或不是URL，并且不以 /imgapi 开头，则添加 baseUrl 前缀
|
|
|
|
|
// 检查URL是否完整，如果不完整或不是URL，并且不以 /imgapi 开头，则添加 baseUrl 前缀
|
|
|
|
|
// if (!isURL(config.url) && !config.url.startsWith(baseUrl) && !config.url.startsWith('/imgapi')) {
|
|
|
|
|
// config.url = baseUrl + config.url;
|
|
|
|
|
// }
|
|
|
|
|
@ -84,7 +86,7 @@ axios.interceptors.request.use(
|
|
|
|
|
`${website.clientId}:${website.clientSecret}` |
|
|
|
|
)}`;
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 如果请求需要token，则在请求头中添加token（除非明确声明不需token）
|
|
|
|
|
const meta = config.meta || {}; |
|
|
|
|
const isToken = meta.isToken === false; |
|
|
|
|
@ -101,12 +103,11 @@ axios.interceptors.request.use(
|
|
|
|
|
if (config.text === true) { |
|
|
|
|
config.headers['Content-Type'] = 'text/plain'; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 序列化POST请求的数据（如果请求配置了isSerialize）
|
|
|
|
|
if (config.method === 'post' && meta.isSerialize === true) { |
|
|
|
|
config.data = serialize(config.data); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
return config; |
|
|
|
|
}, |
|
|
|
|
@ -124,35 +125,35 @@ axios.interceptors.response.use(
|
|
|
|
|
NProgress.done(); |
|
|
|
|
// 移除仍在pendingRequests中的请求
|
|
|
|
|
removePendingRequest(res.config); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 获取response中的状态码，优先获取自定义的code，若无则获取HTTP状态码
|
|
|
|
|
const status = res.data.code || res.status; |
|
|
|
|
// 获取状态码白名单内的状态，这些状态不会被默认处理，而是将控制权交给具体请求
|
|
|
|
|
const statusWhiteList = website.statusWhiteList || []; |
|
|
|
|
// 取错误消息
|
|
|
|
|
const message = res.data.msg || res.data.error_description || '未知错误'; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 如果状态码在白名单中，则直接返回Promise的reject状态
|
|
|
|
|
if (statusWhiteList.includes(status)) return Promise.reject(res); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 如果状态码为401，则表示用户未认证，需跳转到登录页
|
|
|
|
|
if (status === 401 && !isAlertShowing){ |
|
|
|
|
if (status === 401 && !isAlertShowing) { |
|
|
|
|
isAlertShowing = true; // 设置为 true 表示弹窗正在显示
|
|
|
|
|
ElMessageBox.alert('长时间未操作,登录已过期，请重新登录', '提示', { |
|
|
|
|
confirmButtonText: '确定', |
|
|
|
|
showClose: false, // 不显示关闭按钮
|
|
|
|
|
closeOnPressEscape: false, // 禁止通过 ESC 键关闭
|
|
|
|
|
closeOnClickModal: false, // 禁止点击遮罩关闭
|
|
|
|
|
callback: (action) => { |
|
|
|
|
callback: action => { |
|
|
|
|
isAlertShowing = false; // 恢复为 false 表示弹窗已经关闭
|
|
|
|
|
store.dispatch('FedLogOut').then(() => router.push({ path: '/login' })); |
|
|
|
|
}, |
|
|
|
|
}); |
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
// 如果response的状态码不是200，则显示消息提示，并返回Promise的reject状态
|
|
|
|
|
if (status !== 200 && status !== '0' && status !== '1') { |
|
|
|
|
if(!msg.value){ |
|
|
|
|
if (!msg.value) { |
|
|
|
|
ElMessage({ |
|
|
|
|
message: message, |
|
|
|
|
type: 'error', |
|
|
|
|
@ -160,9 +161,9 @@ axios.interceptors.response.use(
|
|
|
|
|
} |
|
|
|
|
setTimeout(() => { |
|
|
|
|
msg.value = ''; |
|
|
|
|
}, 50); |
|
|
|
|
msg.value=message |
|
|
|
|
return Promise.reject(new Error(message)); |
|
|
|
|
}, 1000); |
|
|
|
|
msg.value = message; |
|
|
|
|
return Promise.reject(new Error(message)); |
|
|
|
|
} |
|
|
|
|
// 正常状态返回responseData
|
|
|
|
|
return res; |
|
|
|
|
@ -188,4 +189,4 @@ axios.interceptors.response.use(
|
|
|
|
|
); |
|
|
|
|
|
|
|
|
|
// 导出axios实例
|
|
|
|
|
export default axios; |
|
|
|
|
export default axios; |
|
|
|
|
|
