vue项目，点击登录后跳转到home页面是空白的，只能再次登录才显示页面

Question

问题遇到的现象和发生背景 vue项目，点击登录后跳转到home页面是空白的，只能再次登录才显示页面

问题相关代码，请勿粘贴截图

运行结果及报错内容

vue-router.esm.js?8c4f:16 [vue-router] Duplicate named routes definition: { name: "员工资料", path: "/per/emp" }
vue-router.esm.js?8c4f:16 [vue-router] Duplicate named routes definition: { name: "系统管理", path: "/home" }

我的解答思路和尝试过的方法

我想要达到的结果 点击登录后跳转到home页面，可以直接显示home页面内容

Answer 1

你路由命名重复了，有两个ne=员工资料，和name=系统管理的，name最好不要用中文

1.看看路由表，有没有配置重复
2. 如果没有，看有没有调用这个方法router.addRoutes(router.options.routes)。 有的话放路由守卫里
router.$addRoutes = (params) => {
router.matcher = new Router({ mode: 'history' }).matcher
router.addRoutes(params)
}
router.beforeEach((to, from, next) => {
//没有添加过才添加
...
router.$addRoutes(router.options.routes)
...
})

如有帮助，望采纳^O^