HTML5 History 模式
參考來源：https://unnue.com/??
vue-router 默認 hash 模式 —— 使用 URL 的 hash 來模擬一個完整的 URL，於是當 URL 改變時，頁面不會重新加載。
如果不想要很醜的 hash，我們可以用路由的 history 模式，這種模式充分利用 history.pushState API 來完成 URL 跳轉而無須重新加載頁面。
const router = new VueRouter({
mode: ‘history’,
routes: […]
})
當你使用 history 模式時，URL 就像正常的 url，例如 https://unnue.com/article/5，也好看！
不過這種模式要玩好，還需要後臺配置支持。因爲我們的應用是個單頁客戶端應用，如果後臺沒有正確的配置，當用戶在瀏覽器直接訪問 https://unnue.com/article/404 就會返回 404，這就不好看了。
所以呢，你要在服務端增加一個覆蓋所有情況的候選資源：如果 URL 匹配不到任何靜態資源，則應該返回同一個 index.html 頁面，這個頁面就是你 app 依賴的頁面。
router-link
組件支持用戶在具有路由功能的應用中（點擊）導航。 通過 to 屬性指定目標地址，默認渲染成帶有正確鏈接的 標籤，可以通過配置 tag 屬性生成別的標籤.。另外，當目標路由成功激活時，鏈接元素自動設置一個表示激活的 CSS 類名。
比起寫死的 會好一些，理由如下：
-
無論是 HTML5 history 模式還是 hash 模式，它的表現行爲一致，所以，當你要切換路由模式，或者在 IE9 降級使用 hash 模式，無須作任何變動。
-
在 HTML5 history 模式下，router-link 會守衛點擊事件，讓瀏覽器不再重新加載頁面。
-
當你在 HTML5 history 模式下使用 base 選項之後，所有的 to 屬性都不需要寫（基路徑）了。
參考來源：https://router.vuejs.org/zh-cn/essentials/history-mode.html
參考來源：https://router.vuejs.org/zh-cn/api/router-link.html
參考來源：https://unnue.com/??
