當前位置:成語大全網 - 書法字典 - Vue的兩種路由模式

Vue的兩種路由模式

在vue-router路由對象中,有兩種路由模式:哈希和歷史,默認模式是哈希。

因為哈希發生變化的url將被瀏覽器記錄下來,您會發現瀏覽器可以向前和向後使用。

修改歷史狀態

包括兩個方法:pushState、replaceState,它們接受三個參數:stateobj、title和URL。

頁面的狀態通過pushstate保存在狀態對象中。當頁面的url改回這個url時,可以通過event.state檢索狀態對象。

歷史模型的補充

對於vue開發的單頁應用程序,當我們在不同的頁面之間切換時,我們可以發現總是只有壹個html,這確實是將其稱為單頁的原因,並且vue-router默認為哈希模式-使用URL的哈希來模擬壹個完整的URL,因此當URL更改時,頁面將不會重新加載。當打開歷史模式時,如果後端不做任何事情,在開發階段壹切都將正常,但在打包後,訪問路徑將返回到404,因此應該在服務器上添加壹個覆蓋所有情況的候選資源:如果URL與任何靜態資源都不匹配,它應該返回到同壹個index.html頁面,這是應用程序所依賴的頁面。