Vue маршрутизатор перенаправляет на домашнюю страницу при перезагрузке

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