ee1b37c787
将项目中直接导入的antdv-next的message组件调用改为通过window.message调用，提升代码一致性 移除不再需要的message组件导入 新增api-switch组件用于统一处理状态切换逻辑
102 lines
2.8 KiB
TypeScript
102 lines
2.8 KiB
TypeScript
import { $t } from '@vben/locales';
|
|
|
|
import { Modal } from 'antdv-next';
|
|
|
|
import { useAuthStore } from '#/store';
|
|
|
|
import { requestClient } from './request';
|
|
|
|
/**
|
|
* @description: contentType
|
|
*/
|
|
export const ContentTypeEnum = {
|
|
// form-data upload
|
|
FORM_DATA: 'multipart/form-data;charset=UTF-8',
|
|
// form-data qs
|
|
FORM_URLENCODED: 'application/x-www-form-urlencoded;charset=UTF-8',
|
|
// json
|
|
JSON: 'application/json;charset=UTF-8',
|
|
} as const;
|
|
|
|
/**
|
|
* 通用下载接口 封装一层
|
|
* @param url 请求地址
|
|
* @param data 请求参数
|
|
* @returns blob二进制
|
|
*/
|
|
export function commonExport(url: string, data: Record<string, any>) {
|
|
return requestClient.post<Blob>(url, data, {
|
|
data,
|
|
headers: { 'Content-Type': ContentTypeEnum.FORM_URLENCODED },
|
|
isTransformResponse: false,
|
|
responseType: 'blob',
|
|
});
|
|
}
|
|
|
|
/**
|
|
* 定义一个401专用异常 用于可能会用到的区分场景?
|
|
*/
|
|
export class UnauthorizedException extends Error {}
|
|
|
|
/**
|
|
* logout这种接口都返回401 抛出这个异常
|
|
*/
|
|
export class ImpossibleReturn401Exception extends Error {}
|
|
|
|
/**
|
|
* 是否已经处在登出过程中了 一个标志位
|
|
* 主要是防止一个页面会请求多个api 都401 会导致登出执行多次
|
|
*/
|
|
let isLogoutProcessing = false;
|
|
/**
|
|
* 防止 调用logout接口 logout又返回401 然后又走到Logout逻辑死循环
|
|
*/
|
|
let lockLogoutRequest = false;
|
|
|
|
/**
|
|
* 登出逻辑 两个地方用到 提取出来
|
|
* @throws UnauthorizedException 抛出特定的异常
|
|
*/
|
|
export function handleUnauthorizedLogout() {
|
|
const timeoutMsg = $t('http.loginTimeout');
|
|
/**
|
|
* lock 不再请求logout接口
|
|
* 这里已经算异常情况了
|
|
*/
|
|
if (lockLogoutRequest) {
|
|
throw new UnauthorizedException(timeoutMsg);
|
|
}
|
|
// 已经在登出过程中 不再执行
|
|
if (isLogoutProcessing) {
|
|
throw new UnauthorizedException(timeoutMsg);
|
|
}
|
|
isLogoutProcessing = true;
|
|
const userStore = useAuthStore();
|
|
userStore
|
|
.logout()
|
|
.catch((error) => {
|
|
/**
|
|
* logout接口返回了401
|
|
* 做Lock处理 且 该标志位不会复位(因为这种场景出现 系统已经算故障了)
|
|
* 因为这已经不符合正常的逻辑了
|
|
*/
|
|
if (error instanceof ImpossibleReturn401Exception) {
|
|
lockLogoutRequest = true;
|
|
if (import.meta.env.DEV) {
|
|
Modal.error({
|
|
title: '提示',
|
|
centered: true,
|
|
content:
|
|
'检测到你的logout接口返回了401, 去检查你的后端配置 这已经不符合正常逻辑(该提示不会在非dev环境弹出)',
|
|
});
|
|
}
|
|
}
|
|
})
|
|
.finally(() => {
|
|
window.message.error(timeoutMsg);
|
|
isLogoutProcessing = false;
|
|
});
|
|
// 不再执行下面逻辑
|
|
throw new UnauthorizedException(timeoutMsg);
|
|
}
|