Files
WonderQ-Project/WonderQ-Admin-UI-Vue/README.md
duanshuwen 6245159e7c feat: 添加后台登录验证码、记住密码功能,优化媒体资源与前端规范
- 新增后台登录图形验证码功能,完善登录安全防护
- 新增登录rememberMe参数,控制Refresh Token的会话持久化策略
- 实现OSS私有桶媒体URL自动签名,统一处理图片资源的临时访问签名
- 新增素材库数据库表与上传API,规范媒体资源管理流程
- 统一前端UI图标使用@element-plus/icons-vue,重构布局图标组件
- 登录页新增验证码输入、刷新功能,添加账号记忆与记住密码逻辑
- 更新全套文档,补充API契约、技术决策记录与集成流程说明
- 修复多个业务页面的图标展示问题,新增认证流程相关测试用例
2026-08-27 07:50:59 +08:00

1.1 KiB

WonderQ Admin UI Vue

WonderQ 管理端 Vue3 迁移端,采用 Vue 3、Element Plus、TypeScript、Pinia 和 Vue Router 4。

启动

yarn install
yarn dev

开发地址:http://localhost:5604/admin/

默认通过 Vite /api 代理访问 http://localhost:4000,可使用 VITE_API_PROXY_TARGET 覆盖。生产构建使用 yarn build,静态产物由反向代理挂载到 /admin

认证约定

  • Access Token 只保存在运行时内存,不写入 localStorage。
  • Refresh Token 由后端以 HttpOnly Cookie 保存。
  • 401 会自动调用 /api/admin/auth/refresh 并重试一次;刷新失败后返回登录页。
  • 菜单和按钮权限来自 /api/admin/system/profile,前端只加载预注册组件。
  • 管理端界面图标统一使用 @element-plus/icons-vue;菜单图标通过 src/components/layout/LayoutIcon.vue 的白名单适配器映射,未知图标回退为默认图标。
  • ConciergeDetail.icon 等接口字段是业务内容数据,不属于 UI 图标,不在图标迁移范围内。

验证

yarn test
yarn build