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