嵌套路由,低级路由切换高级出现报错

export default new Router({
    mode: "history",
    base: process.env.BASE_URL + baseUrl,
    routes:[
        {
            path:'/',
            name:'登陆',
            component:()=>
                import("../views/login.vue"),
        },
        {
            path:'/home',
            name:'首页',
            component:()=>import("../views/home.vue"),
            children:[
                {
                    path:'/user',
                    name:'用户管理',
                    component:()=>
                        import("../views/user/user.vue"),
                    children:[
                        {
                            path:'subAccount',
                            name:'子账号管理',
                            component:()=>
                                import("../views/user/subAccount.vue"),
                            children:[
                                {
                                    path:'subAccountList',
                                    name:'子账号管理',
                                    component:()=>
                                        import("../views/user/subAccountList.vue"),
                                },
                            ]
                        },
                    ]
                },
                {
                    path:'/mechanism',
                    name:'机构管理列表',
                    component:()=>
                        import("../views/user/mechanism.vue"),
                },
            ]
        },
        
    ]
})

这个是我的router.js配置
image.png
这是菜单结构,因为我想做出嵌套的效果,防止路由结构看起来很乱,用户管理和权限管理是点不了的 我放了两个空的文件
image.png
然后进来点击菜单,第一个没问题,点击第二个路由跳转就会报错
image.png
看到其他的帖子说是电信劫持,无法验证,而且我把路由都改成平级的就不会有问题,不知道哪边配置有问题

回答:

其实如果你不实用动态路由 也不会报错的吧

回答:

挨个交替点了子路由和/home之后 所有子路由之间就可以跳转不报错了

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注