반응형
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
반응형
'programing' 카테고리의 다른 글
Vue: 루트 요소 컨텐츠 및 컨텐츠 배포 슬롯 (0) | 2022.04.27 |
---|---|
하위 프로세스를 종료하는 방법 - _hostname vs. exit (0) | 2022.04.27 |
vuex를 사용하여 데이터 업데이트 (0) | 2022.04.27 |
C 매크로는 무엇에 유용한가? (0) | 2022.04.27 |
한 구조물을 다른 구조물에 복사 (0) | 2022.04.27 |