반응형
import Vue from 'vue';
import VueRouter from 'vue-router';
Vue.use(VueRouter);
export default new VueRouter({
routes: [
{
path: '/',
redirect: '/login',
},
{
path: '/login', // URL
component: () => import('@/views/LoginPage.vue'),
},
{
path: '/signup',
component: () => import('@/views/SignupPage.vue'),
},
{
// path에 *을 넣으면 위 URL을 제외한 모든 URL이란 뜻
path: '*',
component: () => import('@/views/NotFoundPage.vue'),
},
],
});
path에 *을 넣으면 위 URL을 제외한 모든 URL이란 뜻
반응형
'vue.js > vue.js 2' 카테고리의 다른 글
108. 회원가입 폼 데이터 바인딩 및 이벤트 연결 (0) | 2022.10.17 |
---|---|
107. router | mode: 'history' 설정 및 배포할때 주의 사항 (0) | 2022.10.09 |
105. router | 초기 진입 페이지 설정 | redirect (0) | 2022.10.09 |
104. router | 코드 스플리팅 소개 및 적용 (0) | 2022.10.09 |
103. router | 라우팅 동작 확인 (0) | 2022.10.09 |