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

Posted 2023-02-22

【中文标题】Vue路由器在重新加载时重定向到主页

【英文标题】：Vue router redirecting to home page on reload

【发布时间】：2020-02-15 09:12:45

【问题描述】：

我有一个包含许多路线的 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
   ,
  ]

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

【参考方案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