vueRouter4
-
[vue-router] 없는 url 접근 방지, 빈 화면[프로그래밍 | 개발]/[vue] 2021. 8. 26. 16:18
vue 3 vue-router 4 기본적으로 많이들 쓰는 방법이 route 만들 때 { path: '/:catchAll(.*)', name: 'notFound', component: ErrorPage } 이와 같은 방법을 많이 쓰는데, 이렇게 하면 { path: '/snack', component: LayoutComponent, children: [ { path: 'eat', name: 'eatSnack', component: EatSnack } ] } 이런 식으로 칠드런 패스가 정의 되어 있을 때 'www.mainDmain.com/snack' 이런 식으로 children은 있지만 하위'/' 에 대한 컴포넌트가 정의되지 않은 url 은 빈 화면이 뜬다 이 때 router의 beforeEach를 써서 해결..