Vue：【警告】重复命名路由定义[vue-router] Duplicate named routes definition

最新推荐文章于 2024-07-27 15:48:04 发布

故心v

最新推荐文章于 2024-07-27 15:48:04 发布

阅读量1.5k

点赞数 2

分类专栏： vue+element项目实战文章标签：重复命名路由 vue

原文链接：https://blog.csdn.net/qq_37582010/article/details/84314301

版权

vue+element项目实战专栏收录该内容

13 篇文章 0 订阅

订阅专栏

故心故心故心故心小故冲啊

文章目录

在项目中，想让路由后缀为空，或者index的时候，都跳转到路由为index的页面，于是在router中如下配置


routes: [{
    path: '/',
    name: 'index',
    component: () => import('@/components/index').then(m => m.default)
  },{
    path: '/index',
    name: 'index',
    component: () => import('@/components/index').then(m => m.default)

因为路由重复添加，name一样造成，利用redirect重定向


routes: [{
    path: '/',
    redirect: {
      name: index
    }
    // name: 'index',
    // component: () => import('@/components/index').then(m => m.default)
  },{
    path: '/index',
    name: 'index',
    component: () => import('@/components/index').then(m => m.default)
  }]