Vue Router 提供了ヽ(′ー｀)ノ兩種主要的由模路由模式，分別??是由模

，這兩種模式各有特點(diǎn)，由模適用于不同的由模使用場(chǎng)景。

（圖片來(lái)源網(wǎng)絡(luò )，由模侵刪）

Hash 模式：

工作??原理：在URL中使用 # 符號(′?_?`)來(lái)模擬一個(gè)完整的由(you)模URL，當URL改變時(shí)，由模頁(yè)面不會(huì )重新加載。由模

：兼(′▽?zhuān)?)容性好，由模不需要后端配置，由模刷新頁(yè)面不會(huì )發(fā)(fa)送請求。由模

缺點(diǎn)：URL中會(huì )包含 #，由?？雌饋?lái)不夠美觀(guān)。由模??

開(kāi)啟方式：在創(chuàng )建 router 實(shí)例時(shí)默認就(′?ω?`)是由模 Hash 模式，無(wú)需特別設置。由模

History 模式：

：利用 HTML5 History API 來(lái)實(shí)現 URL 的導航而不重新加載頁(yè)面。

優(yōu)點(diǎn)：地址欄干凈，沒(méi)有 #，更加符合用戶(hù)的使用習慣。

缺點(diǎn)：需要服務(wù)??器支持，否則會(huì )出現 404 錯誤；兼容性不如 Hash 模式，不支持 HTML5 的瀏覽器無(wú)法正常使用。

開(kāi)啟方式：在創(chuàng )建 router 實(shí)例時(shí)設置 mode: 'history'。

以下(xia)是兩種模式的簡(jiǎn)單對比表格：

特性	Hash 模式	History 模式
URL	帶有 # 符號	干凈??的 URL
兼容性	好（不需要HTML5支持）	需要HTML5支持
服務(wù)器配置	不需(xu)要	需要
刷新頁(yè)面	不會(huì )重新發(fā)送請求	可能觸發(fā)重新發(fā)送請求
用戶(hù)體驗	URL中有 #，不夠美觀(guān)	地址欄干凈，更符合用戶(hù)習慣

在??選擇路由模式時(shí)，可以根據項目需求和目標用戶(hù)的瀏覽器環(huán)境來(lái)決定，如果項目對地址欄的美觀(guān)性有較高要求，且用戶(hù)的瀏覽器都支持 HT(′_｀)ML5，那么可以選擇 History 模式，如果需要考慮老舊瀏覽器的兼容性或者不想配置服務(wù)器，那么默認的 Hash 模式是一個(gè)不錯的選擇。