vue刷新頁(yè)面跳轉(zhuǎn)404怎么辦？1. 問(wèn)題描述2。Apache服務(wù)器配置3。Nginx服務(wù)器配置你需要打開HTML5歷史模式Vue路由器默認(rèn)哈希模式——使用URL的哈希來(lái)模擬一個(gè)完整的URL，這樣當(dāng)U

vue刷新頁(yè)面跳轉(zhuǎn)404怎么辦？

1. 問(wèn)題描述

2。Apache服務(wù)器配置

3。Nginx服務(wù)器配置

你需要打開HTML5歷史模式

Vue路由器默認(rèn)哈希模式——使用URL的哈希來(lái)模擬一個(gè)完整的URL，這樣當(dāng)URL改變時(shí)，頁(yè)面就不會(huì)被重新加載。

如果我們不想要丑陋的散列，我們可以使用路由的歷史模式，這充分利用了它歷史.pushStateAPI來(lái)完成URL跳轉(zhuǎn)而不重新加載頁(yè)面。

Const router=new vuerouter（{

mode:“history”，

routes:[…

}）

此配置需要與后端服務(wù)器的配置配合使用。如果您是nginx到服務(wù)器

一般情況下，登錄成功后需要將用戶信息和菜單信息作為全局共享數(shù)據(jù)放在vuex中。但是當(dāng)刷新頁(yè)面時(shí)，vuex中的數(shù)據(jù)將被重新初始化，從而導(dǎo)致數(shù)據(jù)丟失。由于vuex中的數(shù)據(jù)存儲(chǔ)在運(yùn)行內(nèi)存中，因此刷新頁(yè)面時(shí)，頁(yè)面將重新加載Vue實(shí)例，并重新分配vuex中的數(shù)據(jù)方法1：將vuex中的數(shù)據(jù)直接保存到瀏覽器緩存（會(huì)話存儲(chǔ)、本地存儲(chǔ)、cookie）方法2：刷新頁(yè)面時(shí)再次請(qǐng)求遠(yuǎn)程數(shù)據(jù)，以便動(dòng)態(tài)更新vuex數(shù)據(jù)方法3：在父頁(yè)后臺(tái)請(qǐng)求遠(yuǎn)程數(shù)據(jù)，并在刷新頁(yè)之前將vuex中的數(shù)據(jù)保存到會(huì)話存儲(chǔ)（如果數(shù)據(jù)請(qǐng)求過(guò)多）加載頁(yè)時(shí)無(wú)法獲取返回的數(shù)據(jù)