千鋒教育前端Vue3.0全套視頻教程(Kerwin2023版,Vue.js零基礎(chǔ)

P84.
一.路由分為兩種模式:1.哈希模式(Hash Mode):在哈希模式下,URL 中的路由會以 "#" 符號開始,例如:http://example.com/#/route。哈希符號后面的內(nèi)容會被瀏覽器解析為路由路徑,而不會發(fā)送到服務(wù)器。
2.History 模式:在歷史模式下,URL 中的路由通過 HTML5 History API 進(jìn)行管理,不再包含 "#。
二.在代碼中,如果要把哈希模式修改成history模式,需要把createWebHashHistory,改為createWebHistory。
三.history模式的缺點:在使用History模式時,需要服務(wù)器配置來支持前端路由。如果服務(wù)器沒有正確配置,可能會導(dǎo)致頁面刷新時出現(xiàn)404錯誤。
選擇使用哪種模式取決于項目需求和環(huán)境。如果需要兼容舊版瀏覽器或不想修改服務(wù)器配置,可以選擇哈希模式。如果追求更美觀的URL結(jié)構(gòu)以及更好的搜索引擎優(yōu)化,可以選擇歷史模式。
P85.
路由守衛(wèi):全局前置守衛(wèi) beforeEach((to, from, next)
在進(jìn)行路由跳轉(zhuǎn)之前,可以設(shè)置跳轉(zhuǎn)的條件,在每次路由切換前被觸發(fā),可以進(jìn)行權(quán)限驗證、重定向等操作,調(diào)用 next() 繼續(xù)路由導(dǎo)航。
標(biāo)簽: