因為哈希發生變化的url將被瀏覽器記錄下來,您會發現瀏覽器可以向前和向後使用。
修改歷史狀態
包括兩個方法:pushState、replaceState,它們接受三個參數:stateobj、title和URL。
頁面的狀態通過pushstate保存在狀態對象中。當頁面的url改回這個url時,可以通過event.state檢索狀態對象。
歷史模型的補充
對於vue開發的單頁應用程序,當我們在不同的頁面之間切換時,我們可以發現總是只有壹個html,這確實是將其稱為單頁的原因,並且vue-router默認為哈希模式-使用URL的哈希來模擬壹個完整的URL,因此當URL更改時,頁面將不會重新加載。當打開歷史模式時,如果後端不做任何事情,在開發階段壹切都將正常,但在打包後,訪問路徑將返回到404,因此應該在服務器上添加壹個覆蓋所有情況的候選資源:如果URL與任何靜態資源都不匹配,它應該返回到同壹個index.html頁面,這是應用程序所依賴的頁面。