Vue路由器加载错误的地方-Java 学习之路

我正在尝试将vue-router集成到我的Laravel应用程序中

我在根视图上有一个路由器视图，在我的设置页面中有另一个视图

如果用户在/ settings / password组件上并重新加载，为什么root视图会加载并将/ settings / password组件嵌入其中？我试图将根视图组件嵌套在'/'下，将设置组件嵌套在'/ settings'下

这是我的代码

//我的根页面上有一个路由器视图

{
    path: '/',
    component: require('./views/Welcome'),
    children: [
        {
            path: 'first',
            component: require('./views/First')
        },
        {
            path: 'second',
            component: require('./views/Second')
        }
    ]
},

//我的“设置”页面上有另一个路由器视图

{
    path: '/settings',
    component: require('./views/Settings'),
    children: [
        {
            path: 'password',
            component: require('./views/Password')
        },
        {
            path: 'details',
            component: require('./views/Details')
        }
    ]
}


export default new VueRouter({
    mode: 'history',
    routes,
    linkActiveClass: 'is-active',
});

所有内容都正确加载，但如果用户使用/ settings / password并刷新页面，则根视图页面将显示设置/密码组件 . 如何将设置组件限制到设置页面？！

1 回答

0

我的问题的一个quickfix是为/ settings / password创建一个get路由，以防止重定向到/

回复于 2024-04-29T05:13:33+08:00

Vue路由器加载错误的地方

1 回答

相关问题