vue-router-best-practices 帮 Vue Router 4 开发者排查导航守卫、路由参数和组件生命周期问题。给 AI 路由配置、页面组件和复现路径,它会按对应场景查资料,提出修改与验证方式。
比如从用户 1 的详情跳到用户 2,地址栏变了,页面却还显示用户 1。原因可能是两条地址复用了同一个组件实例,首次挂载时的数据请求没有重新执行。相应指南会考虑监听目标参数,或在路由更新时处理数据,而不是指望每次跳转都重新挂载。
另外,路由配置里的 beforeEnter 不会因为同一路由的参数或查询变化而再次触发。依赖这一步做前端检查时,需要补上对应更新场景;真正的数据访问权限仍应由服务端验证。
如果导航不停跳回登录页,还要看登录页是否又命中了同一条重定向条件。指南建议明确公共页和受保护页面,并测试直接输入网址、刷新与返回等路径。
给每个页面强行换 key 虽然可能触发重建,也会丢掉组件状态。它希望根据具体原因调整路由逻辑,再用复现路径确认问题消失。