目錄
- 一、簡介
一、簡介
~~~~~~~~ ????????在Vue.js中,路由模式是用來管理應用程序中不同頁面之間的導航的機制。Vue Router支持兩種常見的路由模式:history模式和hash模式。
-
History 模式:
~~~~~~~~ ????????History模式使用瀏覽器的history.pushState API 來管理路由。它通過修改瀏覽器的URL來實現導航,而不會產生像hash模式那樣的"#"符號。①使用History模式的優點:
- 更加美觀的URL:URL不包含"#"符號,看起來更加清晰、美觀。
- 更自然的導航:URL看起來像傳統的URL,更符合用戶習慣。
②使用History模式的缺點:
- 需要服務器支持:因為使用history模式時,瀏覽器的URL會發生變化,所以需要服務器配置以確保在直接訪問URL時能夠正確響應。
啟用History模式,你需要在Vue Router的初始化中設置mode為history:
const router = new VueRouter({mode: 'history',routes: [// 路由配置] });
-
Hash 模式
~~~~~~ ??????Hash模式使用瀏覽器的URL中的"#“符號來實現導航。當URL中的hash改變時,不會觸發頁面刷新,而會通過監聽hashchange事件來更新視圖。
①使用Hash模式的優點:
~~~~~~~~ ????????兼容性好:不需要服務器特殊配置,兼容性更好。
~~~~~~~~ ????????簡單易用:不需要額外的服務器配置,即可開始使用。
②使用Hash模式的缺點:
~~~~~~~~ ????????URL中包含”#"符號:URL看起來不太美觀,可能不如history模式那樣友好。
啟用Hash模式,是Vue Router的默認模式,你不需要特別設置,除非你想使用history模式。
總之,Vue Router的history模式和hash模式在URL展示和瀏覽器支持方面有所不同,你可以根據項目需求選擇適合的路由模式。