使用 addRoutes 动态添加路由后 路由跳转 404

代码如下:

this.eventBus.$on('backAdmin', () => {
      // 更新路由
      this.$router.addRoutes([...adminRouter])
      // 跑转路由
      this.$router.push({ path: '/home' })
    })

通过 addRoutes添加路由后,再调用this.$router.push会跳转404
adminRouter的代码如下:

const routes = [
  {
    path: '/',
    name: 'Home',
    redirect: '/about',
    component: () => import('@/view/admin/home/home'),
    children: [{
    name: 'about',
    path: '/about',
    component: () => import('@/view/admin/home/about'),
  }]
  },
  {
    path: '/login',
    name: 'login',
    component: () => import('@/view/admin/login/login')
  },
  {
    redirect: '/404',
    path: '*'
  }
]

感谢各位师兄指导下

讨论数量: 1
pardon110

路由组中不存在 /home路径 指向的路由组件,你需要绑定一个。

3年前 评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!