vue路由模式

在vue-router路由對象中，路由有兩種模式：hash和history，默認的是hash模式。

hash路由模式：hash模式的工作原理是hashchange事件，可以在window監聽hash的變化。我們在url後面隨便添加一個#xx觸發這個事件。

history路由模式：把window.history對象打印出來可以看到裏邊提供的方法和記錄長度。

使用場景：

一般場景下，hash 和 history 都可以，除非你更在意顏值，# 符號夾雜在 URL 裏看起來確實有些不太美麗。

如果不想要很醜的 hash，我們可以用路由的 history 模式，這種模式充分利用 history.pushState API 來完成URL 跳轉而無須重新加載頁面。

兩種模式對比：

hash 模式下，僅 hash 符號之前的內容會被包含在請求中，如 http://www.abc.com，因此對於後端來說，即使沒有做到對路由的全覆蓋，也不會返回 404 錯誤。

history 模式下，前端的URL必須和實際向後端發起請求的 URL一致，如http://www.abc.com/book/id。如果後端缺少對 /book/id 的路由處理，將返回 404錯誤。

關於vue的路由模式，我們就瞭解到這啦！