Vue 보조 라우팅에서 오류가 보고되면 어떻게 해야 하나요?

Vue 보조 라우팅 오류 해결 방법: 1. 보조 라우팅 경로 앞의 슬래시를 확인하고 삭제합니다. 2. 경로가 슬래시인 경우 리디렉션이 page2와 일치하는지 확인합니다. 리디렉션을 사용하고 기본 표시 하위 경로 경로를 공백으로 설정합니다.

이 튜토리얼의 운영 환경: Windows 10 시스템, Vue 버전 3, Dell G3 컴퓨터.

vue 보조 라우팅에서 오류가 보고되면 어떻게 해야 하나요?

• vue에서 보조 경로 점프에 실패한 이유 중 하나

보조 경로에 특정 경로가 있는 경우 앞에 슬래시가 없습니다. /

• Vue 보조 경로는 페이지 버그를 표시하지 않음

상위 경로 경로가 /인 경우 리디렉션은 page2

  {
    path: '/',
    component: () => import('../view/analyse/analyse.vue'),
    redirect: '/page2', //这里前面加不加/都行
    children: [
      {
        path: 'page1',//这里前面加不加/都行
        component: () => import('../view/analyse/page/page1')
      },
      {
        path: 'page2',//这里前面加不加/都无所用
        component: () => import('../view/analyse/page/page2')
      },
    ]
  }

와 직접 일치할 수 있습니다.

  {
    path: '/analyse',
    component: () => import('../view/analyse/analyse.vue'),
    redirect: '/analyse/page2',//这里前面加不加/都行，必须父路由/子路由
    children: [
      {
       重点：：：：：：：：
       //这里前面不能加 /不然就会匹配成/page1
        path: 'page1',   实际他等同于 /analyse/page1
       //这里前面不能加 /不然就会匹配成/page1
        component: () => import('../view/analyse/page/page1')
      },
      {
        path: 'page2',   //这里前面不能加 /
        component: () => import('../view/analyse/page/page2')
      },
      {
        path: 'page3',   //这里前面不能加 /
        component: () => import('../view/analyse/page/page3')
      }
    ]
  }

상위 경로에 경로가 있는 경우 리디렉션 앞에는 상위 경로가 와야 합니다. 그렇지 않으면 리디렉션은 / 하위 경로와 하위 경로는 기본적으로 / 와 일치해야 합니다. 상위 경로/하위 경로

{
    path: '/', 或者 path: '/analyse',
    component: () => import('../view/analyse/analyse.vue'),
    children: [
      {
        path: '' , path为空就可以了
        component: () => import('../view/analyse/page/page1')
      },
      {
        path: 'page2',
        component: () => import('../view/analyse/page/page2')
      },
    ]
  }

리디렉션을 사용하지 않으면 기본적으로 표시되는 하위 경로의 경로는 비어 있습니다

 <div class="content"><router-view /></div>

페이지에는 하위 경로

rrreee의 콘텐츠를 표시하기 위한 자리 표시자 태그가 필요합니다. 권장 학습: "vue.js 비디오 튜토리얼

》🎜

위 내용은 Vue 보조 라우팅에서 오류가 보고되면 어떻게 해야 하나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!