Question

我正在使用Vue.js和Vue Router构建应用程序。我设置的路由是Home（/）和动态用户路由（/ user /：id），其中用户信息作为数据对象传递到页面中。

我有两个问题：

1）如果我直接访问app.com/user/1，没有任何反应 - 我得到一个空白页面。在我的路由器文件中，我有一个重定向到＆＃39; /＆＃39;，但这似乎没有捕捉到我的目标（将用户的任何直接导航重定向到主页））。

路由器/ index.js

export default new Router({
    mode: 'history',
    base: Url.pathPrefix,
    routes: [
        {
            path: '/',
            name: 'home',
            component: Home
        },
        {
            path: '/user/:id',
            name: 'user-detail',
            component: UserDetail,
            props: true
        },
        {
            path: '*',
            redirect: '/'
        }
    ],
    scrollBehavior (to, from, savedPosition) {
        return { x: 0, y: 0 }
    }
})

如何将用户重定向到主页？

2）如果我回家，然后单击转到/ user / 1，页面将正确加载。如果我单击浏览器中的“后退”按钮，则Home会正确加载。但是，如果单击“前进”按钮，/ user / 1页面将再次挂起 - 空白页面。

我是否应该在此处对问题1应用相同的解决方案并将其重定向到主页？或者有更好的方法来处理这种情况吗？

由于

动态路由，重定向和VueJS路由器

0 个答案: