[vue-router] Duplicate named routes definition

[vue-router] Duplicate named routes definition

当vue项目控制台出现
[vue-router] Duplicate named routes definition: { name: “login”, path: "/login}
这样的警告时，说明重复命名了路由
找到router文件夹
示例：

{
      path: '/',
      name: 'login',
      component: () => import('@/views/Login.vue'),
    },
    {
      path: '/login',
      name: 'login',
      component: () => import('@/views/Login.vue'),
    },

将其中一个改为下面的即可：

{
      path: '/',
      redirect:{
        name: 'login'
      },
      component: () => import('@/views/Login.vue'),
    },