const routes = [
{
path: '/',
name: 'HomeRedirect',
redirect: '/Home',
},
{
//홈
path: '/Home',
name: 'Home',
component: Home,
},
{
// 404 페이지
path: '/404',
name: '404',
component: Notfound404,
},
{
// 존재하지 않는 페이지 404로 리다이렉트
path: '/:pathMatch(.*)*',
redirect: '/404',
},
];
예를 들어 여기서는 path가 /Home 밖에 없는데 /Map을 입력하게 되면 해당페이지가 없기 때문에 404로 리다이렉트를 해주는 방법이다. 유저의 사용패턴이 잘못 될 수 있기 때문에 예외처리로 404페이지를 만들어두면 좋다.
'트러블 슈팅' 카테고리의 다른 글
현재 프로젝트에서 브랜치 전략 개선해보기 (0) | 2023.10.17 |
---|---|
GitHub Flow와 Git Flow 중에 어떤 걸 선택해야하지? (0) | 2023.10.17 |
[html/css]글자수 넘어가면 말줄임표/원하는 줄 수에 맞게 말줄임표 (0) | 2023.09.08 |
[React+Typescript]EventSourece에 header 담기 (0) | 2023.09.05 |