vue-router的實現

vue-router路由模式有兩種，hash和history

我們知道，在我們輸入不同URL按下回車鍵那一刻，開始向服務器請求資源，而我們的單頁面的來說，最顯著的特點就是在通過更新路由，在不重新請求頁面的情況下，來更新試圖

1、hash是利用了URL中的hash來實現，URL中會帶有#，看着沒那麼美觀；

2、history則是利用了HTML5新增的方法 history.pushState 來完成URL的跳轉而無需重新加載頁面，URL看起來是更加比較標準的路徑；

注意：不過history模式的路由有一個特別的地方，每次重新刷新頁面時，可能會請求不到當前的URL（當前URL在服務器根本沒有配置，500），這種好看URL需要後端的支持，比如像我的項目中用的多是nginx做代理，需要如下配置：

location / {
  try_files $uri $uri/ /index.html;
}

PS：try_files這個配置會在嘗試查找後續跟的路徑，直到找到其中一項。