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