Files
loan-pricing/doc/implementation-report-2026-04-28-breadcrumb-duplicate-key.md

21 lines
1.2 KiB
Markdown

# 面包屑重复 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` 为验证前已有进程,未做关闭处理。