vue router的兩種模式的區別

2021-10-24 21:34:17 字數 356 閱讀 2609

大家都知道vue是一種單頁應用,單頁應用就是僅在頁面初始化的時候載入響應的html/css/js

優點:良好的互動體驗,使用者不需要重新整理頁面,頁面顯示流暢,良好的前後端工作分離模式,減輕伺服器壓力

缺點:不利於seo,初次載入耗時比較多

通過history api,我們丟掉了醜陋的#,但是他有個毛病

不怕前進,不怕後退,就怕重新整理,f5,(如果後端沒有準備的話),因為重新整理是實實在在地去請求伺服器的,不玩虛的。

在hash模式下,前端理由修改的是#中的資訊,跟瀏覽器請假沒任何問題,但是history下,你可以自由修改path,當重新整理時,如果伺服器中沒有響應的響應或者資源,分分鐘刷出個404來。

vue router的兩種模式

hash模式的工作原理是onhashchange事件,通過window.location.hash訪問 window.onhashchange function 由於hash發生變化的url都會被瀏覽器記錄,雖然瀏覽器沒有請求伺服器,但頁面狀態和url關聯起來了。這就是前端路由 更新檢視但不會重新請...

vue router的兩種模式的區別

優點 良好的互動體驗,使用者不需要重新整理頁面,頁面顯示流暢,良好的前後端工作分離模式,減輕伺服器壓力,缺點 不利於seo,初次載入耗時比較多 對於hash模式會建立hashhistory物件,在訪問不同的路由的時候,會發生兩件事 hashhistory.push 將新的路由新增到瀏覽器訪問的歷史的...

vue router的兩種模式的區別

眾所周知,vue router有兩種模式,hash模式和history模式,這裡來談談兩者的區別。hash模式背後的原理是onhashchange事件,可以在window物件上監聽這個事件 上面的 可以通過改變hash來改變頁面字型顏色,雖然沒什麼用,但是一定程度上說明了原理。更關鍵的一點是,因為h...