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이란 뜻

반응형