1.2 KiB
1.2 KiB
面包屑重复 key 告警处理实施记录
修改内容
- 修复流程列表首页进入后控制台出现
Duplicate keys detected: '/index'的问题。 - 根因是当前首页实际路由为
/index,面包屑组件仍只按路由名Index判断首页,导致额外追加的“首页”项与“流程列表”项使用相同路径/index作为 key。 - 将面包屑首页判断补充为同时识别
path === '/index',避免在首页路由重复追加“首页”项。
验证方式
- 启动前端开发服务后,使用真实浏览器访问
/index。 - 检查控制台不再出现
Duplicate keys detected: '/index'。 - 检查流程列表页面仍可正常展示。
验证结果
- 已使用 Node 14.21.3 启动前端开发服务并通过 Playwright 访问真实页面
http://127.0.0.1:8080/index。 - 页面成功进入“流程列表”,面包屑仅展示“流程列表”,未再重复追加“首页”。
- 浏览器控制台统计为
Errors: 0, Warnings: 0,未再出现Duplicate keys detected: '/index'。 - 验证结束后已关闭本次启动的前端
8080进程;后端63310为验证前已有进程,未做关闭处理。