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