路由匹配404頁面

爲了更好的用戶體驗，需要在用戶訪問某個路由的時候，如果匹配不上就跳轉到另外一個頁面。也就是通常所見的404頁面。

方式一：

在路由的匹配規則最後加入*，必須放在最後

const routes = [
  {path:'/',redirect:'/home'},
  {
    path: '/home',
    name: 'Home',
    component: Home
  },
  {
    path: '/about',
    name: 'About',
    component: () => import(/* webpackChunkName: "about" */ '../views/About.vue')
  },
  {
    path: '*',
    name: 'Not Found',
    component: () => import(/* webpackChunkName: "about" */ '../components/error.vue')
  }

 

方式二：

可以在router.beforeEach這個全局路由導航函數用to.matched.length判斷有沒有這個路由，

0就是沒有，然後跳轉到登錄頁面或者404頁面