- 阶段 A: 增加 KeepAlive 缓存高频列表页,改用 onActivated 进行后台静默刷新,优化 tab 切换与 HomeEntry 闪屏 - 阶段 B: beforeEach 守卫在 TTL 内走同步快速路径,api 请求拦截器缓存 token 避免重复解析 JWT - 阶段 C: 引入 unplugin 插件启用 Element Plus 组件按需加载,清理 App.vue 中 960+ 行冗余暗色主题 CSS - i18n 拆包: 将三语文案包提取为独立懒加载 chunks,主包体积从 209KB 减少至 99KB (降低 53%)
统一管理后台(平台 + 代理)
单一 Vue 3 应用,按登录账号 userType 展示不同菜单:
| 类型 | 演示账号 | 菜单 |
|---|---|---|
平台管理员 ADMIN |
admin / Admin@123 | 控制台、玩家、代理、赛事、注单、返水、审计 |
代理 AGENT |
agent1 / Agent@123 | 概览、直属玩家、下级代理、注单 |
开发
pnpm dev:api # 需先启动 API :3000
pnpm dev:admin # http://localhost:5174
登录接口:POST /api/manage/auth/login
源码结构
src/
layouts/ManageLayout.vue # 共用布局
views/ # 平台端页面
views/agent/ # 代理端页面
stores/auth.ts # 统一会话
router/index.ts # 路由 + 权限守卫
后端仍为两套 API 前缀:/api/admin/*、/api/agent/*(按角色调用)。