Appearance

13 测试与开发规范 ​

13.1 提交前检查 ​

bash
npm run lint
npm run build

当前项目源码以页面和业务模块为主；新增复杂逻辑时建议补充可独立验证的函数或组件测试。

13.2 功能验证 ​

  • 未登录访问受保护路由是否跳转登录
  • 登录后菜单和动态路由是否正确
  • 刷新页面后用户信息和权限是否恢复
  • 无权限用户是否无法访问页面和敏感操作
  • 列表查询、分页、空数据和接口失败是否正常
  • 新增、编辑、删除和批量操作是否防重复提交
  • 上传、下载和文件预览是否处理失败
  • 多语言下菜单、表单、表格和弹窗是否正常
  • 生产构建后深层路由是否正常

13.3 代码规范 ​

页面、组件和 Store 模块使用清晰命名；请求集中在 API 层；共享状态进入 Vuex；异步流程处理 loading、success、empty 和 error；敏感操作二次确认；不硬编码 Token、密码、私钥和环境敏感配置。修改公共组件或拦截器后回归主要业务页面。

13.4 排障顺序 ​

  1. 检查浏览器控制台编译和运行时错误。
  2. 检查 Network 中 URL、参数、Header 和响应状态。
  3. 检查当前用户的菜单和操作权限。
  4. 检查 Store 中用户、访问权限和系统状态是否初始化。
  5. 检查路由是否注册、组件路径是否正确。
  6. 检查生产构建的资源路径和 history 回退配置。