1、hash

　　使用URL的hash來模擬一個完整的URL，當URL發生改變時，頁面不會重新載入，其顯示的網路路徑中會有#號，這是最安全的模式，因為他相容所有的瀏覽器和伺服器

2、history

　　美化後的hash模式，路徑中會去掉#。依賴於html5的history，pushState API，所以要擔心IE9及以下的版本。並且還包括back、forward、go三個方法，對應瀏覽器的前進、後退、跳轉操作，就是瀏覽器左上角的前進後退等按鈕進行的操作

3、abstract

　　適用於所有JavaScript環境，例如伺服器端使用Node.js。如果沒有瀏覽器API，路由器將自動被強制進入此模式，然後在

const router = new VueRouter({routes, mode:'hash|history|abstract',})

這裡進行切換

總結：

1：hash模式（vue-router預設模式URL後面帶#）使用URL的hash值來作為路由，支援所有瀏覽器 缺點：只能改變#後面的來實現路由跳轉。
2：history模式（通過mode: 'history’來改變為history模式）HTML5 （BOM）History API 和伺服器配置 缺點：怕重新整理如果後端沒有處理這個情況的時候前端重新整理就是實實在在的請求伺服器這樣消耗的時間很多還很慢。
————————————————
版權宣告：本文為CSDN博主「兔圖吐禿」的原創文章，遵循CC 4.0 BY-SA版權協議，轉載請附上原文出處連結及本宣告。
原文連結：https://blog.csdn.net/yiwai6998/article/details/109512861