opensource/plus-ui
2
0
Fork 0
mirror of https://gitee.com/JavaLionLi/plus-ui.git synced 2026-09-16 00:38:19 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

update 优化 后端异常500 前端错误弹窗

Browse Source
This commit is contained in:
疯狂的狮子Li 2026-06-29 11:06:15 +08:00
parent 516efedfa0
commit 8f217a2cc8
1 changed files with 40 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

63
src/api/request.ts
View File

@ -1,5 +1,5 @@
import { history } from '@umijs/max'; import { history } from '@umijs/max';
import { Modal } from 'antd'; import { message, Modal } from 'antd';
import axios, { type AxiosError, type AxiosRequestConfig } from 'axios'; import axios, { type AxiosError, type AxiosRequestConfig } from 'axios';
import { useAppStore } from '@/stores/appStore'; import { useAppStore } from '@/stores/appStore';
import { useTagsViewStore } from '@/stores/tagsViewStore'; import { useTagsViewStore } from '@/stores/tagsViewStore';
@ -45,6 +45,32 @@ export function globalHeaders() {
}; };
} }
function showRequestError(content: string) {
message.error({ content, key: `request-error:${content}` });
}
function showReloginConfirm() {
if (isRelogin.show) return;
isRelogin.show = true;
Modal.confirm({
title: '系统提示',
content: '登录状态已过期，您可以继续留在该页面，或者重新登录',
okText: '重新登录',
cancelText: '取消',
onOk: () => {
isRelogin.show = false;
removeToken();
useTagsViewStore.getState().resetTags();
history.replace(
`/login?redirect=${encodeURIComponent(`${window.location.pathname || '/'}${window.location.search || ''}`)}`
);
},
onCancel: () => {
isRelogin.show = false;
}
});
}
function stableDataString(data: unknown) { function stableDataString(data: unknown) {
if (data instanceof FormData) return ''; if (data instanceof FormData) return '';
if (typeof data === 'string') return data; if (typeof data === 'string') return data;
@ -188,37 +214,28 @@ service.interceptors.response.use(
const msg = response.data?.msg || '系统未知错误'; const msg = response.data?.msg || '系统未知错误';
if (code === 401) { if (code === 401) {
if (!isRelogin.show) { showReloginConfirm();
isRelogin.show = true;
Modal.confirm({
title: '系统提示',
content: '登录状态已过期，您可以继续留在该页面，或者重新登录',
okText: '重新登录',
cancelText: '取消',
onOk: () => {
isRelogin.show = false;
removeToken();
useTagsViewStore.getState().resetTags();
history.replace(
`/login?redirect=${encodeURIComponent(`${window.location.pathname || '/'}${window.location.search || ''}`)}`
);
},
onCancel: () => {
isRelogin.show = false;
}
});
}
return Promise.reject(createHandledError('无效的会话，或者会话已过期，请重新登录。')); return Promise.reject(createHandledError('无效的会话，或者会话已过期，请重新登录。'));
} }
if (code === SERVER_ERROR || code === WARN || code !== SUCCESS) { if (code === SERVER_ERROR || code === WARN || code !== SUCCESS) {
return Promise.reject(new Error(msg)); showRequestError(msg);
return Promise.reject(createHandledError(msg));
} }
return response.data; return response.data;
}, },
async error => { async error => {
return Promise.reject(new Error(await getErrorMessage(error))); if (axios.isAxiosError(error) && error.response?.status === 401) {
showReloginConfirm();
return Promise.reject(createHandledError('无效的会话，或者会话已过期，请重新登录。'));
}
const msg = axios.isAxiosError(error)
? await getErrorMessage(error)
: normalizeErrorMessage((error as Error | undefined)?.message) || '系统未知错误';
showRequestError(msg);
return Promise.reject(createHandledError(msg));
} }
); );