Question

我正在尝试将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并刷新页面，则根视图页面会显示设置/密码组件。如何将设置组件限制到设置页面？！

Answer 1

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

Vue路由器加载错误的地方

1 个答案: