zlwu
afe3e234e9
✨ 新增功能: - 全局路由守卫模块 (route-guard.js) - 多层次权限验证 (登录状态+Token存在+Token过期检查) - 自动拦截机制 (页面级+跳转级+HTTP级+应用级) - 401响应自动处理和跳转 - 路由守卫测试页面 🔧 技术实现: - checkPageAccess() 全局页面权限检查 - guardedNavigate/guardedSwitchTab 带权限检查的跳转 - handleUnauthorized() HTTP拦截器401处理 - 公开页面配置管理 - 优雅的错误提示和跳转逻辑 📱 页面集成: - App.vue 初始化路由守卫 - profile/workbench 页面添加权限检查 - index 页面优化跳转逻辑 - 新增测试页面验证功能 📚 文档完善: - 移动端路由守卫使用指南 - 详细的变更记录和技术说明 - 最佳实践和注意事项 🎯 核心效果: 用户登录失效或未登录时，访问任何需要权限的页面都自动跳转到登录页，提升安全性和用户体验。
原型文件管理规范
📁 目录结构
docs/原型文件/
├── 移动端/ # 移动端原型文件（Axure/Figma/Sketch等）
├── web端/ # Web端原型文件
└── README.md # 本说明文档
📝 管理规范
1. 文件命名规则
- 格式:
[功能模块]_v[版本号]_[日期].[扩展名]
示例:登录模块_v1.2_20250105.fig - 版本号: 主版本.次版本（重大变更改主版本，小调整改次版本）
- 日期格式: YYYYMMDD
2. 版本控制要求
- 每次修改必须保留历史版本（禁止覆盖）
- 版本变更需在
更新日志中记录
3. 文件类型
- 推荐格式:
- Figma (.fig)
- Axure (.rp)
- 可交互HTML
- PDF截图（需包含版本信息）
4. 关联文档
- 每个原型文件必须关联到:
docs/需求文档/中的对应需求文档docs/业务模块/中的相关业务说明
5. 更新流程
graph TD
A[需求变更] --> B[更新原型]
B --> C[版本号+1]
C --> D[更新日志记录]
D --> E[同步关联文档]
🗂️ 子目录说明
移动端原型
- 存放位置:
移动端/ - 特殊要求:
- 需包含各屏幕尺寸适配方案
- 标注全局手势操作
- 提供标准组件库文件
Web端原型
- 存放位置:
web端/ - 特殊要求:
- 注明响应式断点
- 包含权限状态展示
- 提供配色规范文件
📅 更新日志
| 版本 | 日期 | 修改人 | 变更说明 |
|---|---|---|---|
| v1.0 | 2025-01-05 | 系统生成 | 初始创建文档 |