vue-cli的路由警告问题

问题一：

在Vue的项目中使用了Vue-Router，当某个路由有子级路由时，如下写法：

export default new Router({
  routes: [
 {
                            path: '/sealstatistics',
                            name: 'SealIndex',
                            component: SealIndex,
                            meta: {
                                breadcrumbName: '用章统计'
                            },
                            children: [
                                {
                                    path: '/',
                                    name: 'SealStatistics',
                                    component: SealStatistics,
                                    meta: {
                                        breadcrumbName: ''
                                    }
                                },
                                {
                                    path: '/sealstatistics/info',
                                    name: 'LookSealInfo',
                                    component: LookSealInfo,
                                    meta: {
                                        breadcrumbName: '查看用章信息'
                                    }
                                },
                            ]
                        }
]})

如果写法是如上的写法，就会报出如下警告：

image.png

解决方法：
因为当某个路由有子级路由的时候，这时候父级路由需要一个默认的路由，所以父级路由不能定义name属性，所以解决办法是：即去除父级的name属性即可。

问题二：

export default new Router({
    routes: [
        {
            path: '/',
            name: 'User',
            component: User
        },
       {
            path: '/user',
            name: 'User',
            component: User
        }
]})

如果写法是如上的写法，就会报出如下警告：

image.png

解决方法：

export default new Router({
    routes: [
        {
            path: '/',
            redirect: {
                  name: 'User'
              }
        },
       {
            path: '/user',
            name: 'User',
            component: User
        }
]})