今天繼續來寫 Vue Router，因為之前都只知道Router這個工具，實作之後才發現許多小撇步，今天就來介紹一個簡單的小功能，也就是如何阻擋使用者自己跑到奇奇怪怪的地方，然後又責怪工程師說網站壞掉(咦?)。

當使用者輸入一個未設定的路由時，基本上畫面不是預設出現404，就是一片空白。404是直接告知沒有這個網頁存在，對訪客來說有可能感覺像是在指責他們操作錯誤，使用者體驗不太好；一片空白就更莫名了，不曉得的話還以為是瀏覽器掛掉。

而不想要人家隨便闖進去的地方，當然就是想辦法讓訪客回到正常路線囉。

Vue Router 可以增加一個路由，將未定義的路徑全部導到指定頁面去。具體寫法如下：

import VueRouter from 'vue-router'

Vue.use(VueRouter)

const routes = [
  {
    path:'*',
    redirect: '/'
  },
  ...
]

其中「*」號表示任意內容，反正只要是未定義路由的通通給他包含進來。

「*」號在其他地方有時候也同樣帶有任意內容的意思，比方說打開電腦Ｃ槽，試著搜尋「*.jpg」，看看會出現什麼。

redirect 後面寫上要導向哪個路徑，寫「/」的話就是導向網址首頁，「/login」，就導向登入頁面，以此類推。

這時再回到瀏覽器，不管網址最後面輸入什麼亂碼，只要是未定義的路由，通通都會導向你要它去的地方囉。

分享結束，收工。