fix: 移除500报错跳转500缺省页面的逻辑和相关组件,500报错直接走消息提示就行,不用跳转专属缺省页面

This commit is contained in:
何嘉悦 2025-06-04 18:05:36 +08:00
parent 184aa12094
commit 0a3b557436
7 changed files with 4 additions and 86 deletions

View File

@ -12,4 +12,4 @@ export const COLLAPSE_THRESHOLD: number = 600;
export const SIDE_BAR_WIDTH: number = 280;
// 路由白名单地址[本地存在的路由 staticRouter.ts 中]
export const ROUTER_WHITE_LIST: string[] = ['/chat', '/chat/not_login', '/500', '/403', '/404'];
export const ROUTER_WHITE_LIST: string[] = ['/chat', '/chat/not_login', '/403', '/404'];

View File

@ -1,60 +0,0 @@
<script setup lang="ts">
import { useRouter } from 'vue-router';
import { HOME_URL } from '@/config/index.ts';
//
const router = useRouter();
function handleHomePage() {
router.push({ path: HOME_URL });
}
</script>
<template>
<div id="box">
<div id="banner" class="elx-top" />
<div class="elx-bottom">
<div class="elx-text1">
500
</div>
<div class="elx-text2">
服务器好像开小差了请稍后试试...
</div>
<div class="h-20px" />
<el-button type="primary" plain @click="handleHomePage">
返回首页
</el-button>
</div>
</div>
</template>
<style lang="scss" scoped>
#box {
overflow: hidden;
}
#banner {
margin-top: 60px;
background: url("@/assets/images/error/500.png") no-repeat;
background-size: 100%;
}
.elx-top {
width: 600px;
height: 400px;
margin: 0 auto;
}
.elx-bottom {
height: 300px;
margin-top: 20px;
text-align: center;
}
.elx-text1 {
font-size: 46px;
font-weight: bold;
}
.elx-text2 {
padding-top: 30px;
font-family: YouYuan;
font-size: 24px;
font-weight: 600;
}
</style>

View File

@ -43,7 +43,7 @@ router.beforeEach(
// return next(from.fullPath);
// }
// else {
// ElMessage.error('账号身份已过期,请重新登录🌻');
// ElMessage.error('账号身份已过期,请重新登录');
// }
// // 没有Token重置路由到登陆页。
// // resetRouter(); // 预留

View File

@ -12,7 +12,7 @@ export async function initDynamicRouter() {
await authStore.requestAuthMenuList();
// 2、判断当前用户是否拥有菜单权限
console.log('authStore.authMenuList', authStore.authMenuList);
// console.log('authStore.authMenuList', authStore.authMenuList);
if (authStore.authMenuList == null || authStore.authMenuList.length === 0) {
userStore.logout();

View File

@ -70,21 +70,6 @@ export const errorRouter = [
isAffix: '1', // 是否缓存固定路由[0是1否]
},
},
{
path: '/500',
name: '500',
component: () => import('@/pages/error/500.vue'),
meta: {
title: '500页面',
enName: '500 Page', // 英文名称
icon: 'WarningFilled', // 图标
isHide: '1', // 代表路由在菜单中是否隐藏,是否隐藏[0隐藏1显示]
isLink: '1', // 是否外链[有值则是外链]
isKeepAlive: '0', // 是否缓存路由数据[0是1否]
isFull: '1', // 是否缓存全屏[0是1否]
isAffix: '1', // 是否缓存固定路由[0是1否]
},
},
// 找不到path将跳转404页面
{
path: '/:pathMatch(.*)*',

View File

@ -34,14 +34,6 @@ function jwtPlugin(): HookFetchPlugin<BaseResponse> {
if (response.result?.code === 200) {
return response;
}
// 处理500逻辑
if (response.result?.code === 500) {
router.replace({
name: '500',
});
ElMessage.error(response.result?.msg);
return Promise.reject(response);
}
// 处理403逻辑
if (response.result?.code === 403) {
// 跳转到403页面确保路由已配置

View File

@ -5,6 +5,7 @@ interface ImportMetaEnv {
readonly VITE_WEB_TITLE_EN: string;
readonly VITE_WEB_ENV: string;
readonly VITE_WEB_BASE_API: string;
readonly VITE_BUILD_COMPRESS: string;
readonly VITE_API_URL: string;
}