programing

NuxtJs 경로에서 *(아스터스크)를 사용하는 방법?

prostudy 2022. 4. 27. 21:36
반응형

NuxtJs 경로에서 *(아스터스크)를 사용하는 방법?

Vue-cli에서 생성된 일반 Vue(Nuxt가 아님) 프로젝트에서*다음과 같은 경우에:

export default new Router({
  routes: [
    {
      path: "/about",
      name: "about",
      component: About,
      children: [
        {
          path: "*",
          component: About
        }
      ]
    }
  ]
});

이 모든 노선은 다음과 같이 작동함

  • /about
  • /about/123
  • /about/123/abc/123/abc

NuxtJs에서 이것을 할 수 있는 방법이 있는가?Nuxt에서 경로는 의 파일에서 자동으로 생성된다.pages폴더. 그러나*파일/폴더 이름에 부적합한 문자임.

당신이 사용하는 것은_와일드카드(wildcard)라는 것을 의미하기 위해 다음과 같은 것.

pages/about/_.vue

해결하다/about/*그게 바로 당신이 찾고 있는 거야

동적 디렉토리 구조를 원하는 경우:

pages/about/_/abc/_/abc.vue

다음을 해결할 수 있음about/123/abc/123/abc(하지만 별로 말이 되지 않는다)

참조URL: https://stackoverflow.com/questions/49952420/how-to-use-asterisk-in-nuxtjs-route

반응형