Vue Router 提供了ヽ(′ー`)ノ兩種主要的由模路由模式,分別??是由模
Hash 模式:
工作??原理:在URL中使用 # 符號(′?_?`)來(lái)模擬一個(gè)完整的由(you)模URL,當URL改變時(shí),由模頁(yè)面不會(huì )重新加載。由模
缺點(diǎn):URL中會(huì )包含 #,由??雌饋?lái)不夠美觀(guān)。由模??
開(kāi)啟方式:在創(chuàng )建 router 實(shí)例時(shí)默認就(′?ω?`)是由模 Hash 模式,無(wú)需特別設置。由模
History 模式:
優(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è)不錯的選擇。


網(wǎng)站二維碼
導航
電話(huà)
短信
咨詢(xún)
地圖
分享