perf(admin): 优化管理端页面切换性能与包体积 (同步自 main)
- 阶段 A: 增加 KeepAlive 缓存高频列表页,改用 onActivated 进行后台静默刷新,优化 tab 切换与 HomeEntry 闪屏 - 阶段 B: beforeEach 守卫在 TTL 内走同步快速路径,api 请求拦截器缓存 token 避免重复解析 JWT - 阶段 C: 引入 unplugin 插件启用 Element Plus 组件按需加载,清理 App.vue 中 960+ 行冗余暗色主题 CSS - i18n 拆包: 将三语文案包提取为独立懒加载 chunks,主包体积从 209KB 减少至 99KB (降低 53%)
This commit is contained in:
@@ -44,6 +44,8 @@ async function redirectToLoginForInvalidSession() {
|
||||
}
|
||||
}
|
||||
|
||||
let _lastReconciledToken: string | null = null;
|
||||
|
||||
api.interceptors.request.use((config) => {
|
||||
const t = localStorage.getItem('manage_token');
|
||||
if (t) config.headers.Authorization = `Bearer ${t}`;
|
||||
@@ -51,7 +53,11 @@ api.interceptors.request.use((config) => {
|
||||
const locale = localStorage.getItem(ADMIN_LOCALE_STORAGE_KEY) || 'zh-CN';
|
||||
config.headers['X-Locale'] = locale;
|
||||
|
||||
reconcileStaffSessionFromToken();
|
||||
// 只在 token 变更时才重新 decode JWT + reconcile,避免并发请求时多次执行同步开销
|
||||
if (t !== _lastReconciledToken) {
|
||||
reconcileStaffSessionFromToken();
|
||||
_lastReconciledToken = t;
|
||||
}
|
||||
const auth = useAuthStore();
|
||||
const path = requestPath(config);
|
||||
|
||||
|
||||
Reference in New Issue
Block a user