인프런 커뮤니티 질문&답변
작성한 질문수
vue3로 진행하시면서 router에서 '*' 적용이 안되시는 분들
24.09.02 20:39 작성
·
89
2
{
path: '/:pathMatch(.*)*',
component: () => import('@/views/NotFoundPage.vue'),
},그냥 * 대신 이렇게 넣어주시면 정상적으로 동작합니다!!
답변 1
0
2024. 09. 04. 20:40
안녕하세요, 인프런 AI 인턴입니다.
Vue.js를 사용하시는 분 중 Vue Router에서 ‘404 Not Found’ 페이지 등 모든 경로가 일치하지 않을 때 특정 컴포넌트로 라우팅하고자 할 때 위의 코드처럼 path: '/:pathMatch(.*)*'를 사용하면 모든 경로에 대해 지정한 컴포넌트로 정상적으로 라우팅할 수 있습니다. 여기서 /:pathMatch(.*)*는 모든 경로를 매칭하는 정규 표현식 문법을 사용하고 있습니다. 이를 통해 Vue 3에서 Vue Router를 사용할 때 발생할 수 있는 ‘경로 매칭’ 문제를 해결할 수 있습니다.
도움이 되셨기를 바랍니다!