Vue 页面编辑跳转404问题

1. 问题

• 人员列表页面，点击编辑跳转404，this.$router.push(）这里地址也是正确的，这就让人奇怪了。我第一反应应该是路由没有注册，顺着这个思路。最终解决了问题

  
  
  QQ截图20221204222310.png

• 访问 UserMgr/UserEdit 路由 404

  
  
  404.png

2. 解决

• 首先我发现 store/modules/user.js 文件中动态添加注册路由，所以就去找在哪获取到参数的。

  
  
  QQ截图20221204222652.png

• 去找 permission/generateRoutes

  
  
  获取的路由，打印出来.png

• 我们看看打印结果

  
  
  QQ截图20221204222946.png

• 之前是没有 UserMgr/UserEdit 这个路由的（editPath里面） ，所以我们访问 UserMgr/UserEdit 这个路由时候肯定找不到，
  找不到了肯定就404 了。加上就没问题了。

访问成功.png