這兩種模式都是屬於前端路由。前端路由，顧名思義，前端使用的路由，路由不會觸發向後端請求的操作，而只是為了管理前端頁面。當路由路徑改變時，載入相應的內容。一、hash模式
url中會帶有#本質是使用window.onhashchange來監聽url的變化（本質是#後邊內容的變化），並根據url的不同載入相應內容
二、history模式
url不含#，比較優雅
本質是使用h5引入的window.history那一套東西來實現
（1）length: 當前歷史記錄列表的長度
（2）state: 當前歷史記錄的state屬性，可以用於區分或管理不同歷史記錄
（3）pushstate(state, title, url)：清空當前歷史記錄之後的所有歷史記錄，並新增一條歷史記錄。
（4）replacestate(state, title, url)：修改當前歷史記錄
前進後退的實現
（5）back()：回退一頁
（6）forward()：前進一頁
（7）go(number)：回退或前進n頁，number不存在或越界時，無反應。0為重新整理當前頁。
參考
vue的路由hash模式和history模式區別
1.直觀區別 hash模式url帶 號，history模式不帶 號。2.深層區別 hash模式url裡面永遠帶著 號，我們在開發當中預設使用這個模式。如果使用者考慮url的規範那麼就需要使用history模式，因為history模式沒有 號，是個正常的url適合推廣宣傳 但是使用history模式還...
VUE路由的hash模式與history模式的區別
hash模式url帶 號，history模式不帶 號。通過history api，我們丟掉了醜陋的 但是它也有個問題 不怕前進，不怕後退，就怕重新整理，f5，如果後端沒有準備的話 因為重新整理是實實在在地去請求伺服器的,不玩虛的。在hash模式下，前端路由修改的是 中的資訊，而瀏覽器請求時是不帶它玩...
路由的hash和history模式
為了構建 spa 單頁面應用 需要引入前端路由系統，這也就是 vue router 存在的意義。前端路由的核心，就在於 改變檢視的同時不會向後端發出請求。為了達到這種目的，瀏覽器當前提供了以下兩種支援 history 利用了 html5 history inte ce 中新增的 pushstate ...