Question

我有一个包含许多路线的Vue应用。每当我尝试重新加载页面时，它总是将我重定向到主页，而不是刷新当前页面。

以下是我的路由器设置：

export default new Router({
mode: 'history',
base: process.env.BASE_URL,
routes: [
 {
   path: '/',
   name: 'home',
   component: Home,
   children: [
   {
      path: "/dashboard",
      name: 'dashboard',
      component: DashboardView
   },
   {
      path: "/About",
      name:'about',
      component: About
   },
   { 
      path: "/comments",
      name:'comments',
      component: Comments
   },
  ]
}

如何刷新当前页面而不是重定向到主页。

Answer 1

好吧，假设您的process.env.BASE_URL存在并且正确，那么home组件就是您的入口点。在您的路线列表中，您将About设为home的子项，可能是您想把它放在外面。

无论如何，请尝试使所有的人都成为非孩子，一旦您确定它们都能按预期工作，请再次尝试使用嵌套的孩子方法，但请注意“文档”：

Note that nested paths that start with / will be treated as a root path. This allows you to leverage the component nesting without having to use a nested URL.

参考： https://router.vuejs.org/guide/essentials/nested-routes.html

Vue路由器在重新加载时重定向到主页

1 个答案: