source

새로고침 시 Vue 라우터가 홈 페이지로 리디렉션됨

gigabyte 2022. 8. 21. 19:48
반응형

새로고침 시 Vue 라우터가 홈 페이지로 리디렉션됨

저는 루트가 많은 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
   },
  ]
}

홈 페이지로 리디렉션하는 대신 현재 페이지를 새로 고치는 방법.

음, 만약 당신이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

언급URL : https://stackoverflow.com/questions/58449717/vue-router-redirecting-to-home-page-on-reload

반응형