vue.js/vue.js 2
106. router | 없는 페이지를 접근할 때의 라우터 처리 | path: '*'
DEV-Front
2022. 10. 9. 22:32
반응형

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이란 뜻
반응형