vue刷新頁(yè)面跳轉(zhuǎn)404怎么辦？1. 問(wèn)題描述2。Apache服務(wù)器配置3。Nginx服務(wù)器配置這是Vue路由器模式。默認(rèn)模式為哈希模式。與此模式對(duì)應(yīng)的URL地址可能如下所示www.xxxx.com/

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

1. 問(wèn)題描述

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

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

這是Vue路由器模式。默認(rèn)模式為哈希模式。與此模式對(duì)應(yīng)的URL地址可能如下所示www.xxxx.com/#/用戶(hù)信息. 當(dāng)然，您也可以修改此值并將其設(shè)置為歷史模式，這樣可以充分利用歷史.pushStateAPI在不重新加載頁(yè)面的情況下完成URL跳轉(zhuǎn)。如果設(shè)置為歷史模式，則上面的URL將變?yōu)閣ww.xxxx.com/userinfo. 地址會(huì)更優(yōu)雅。當(dāng)然，這種模式需要配合服務(wù)器的設(shè)置。不同的服務(wù)器配置略有不同。有關(guān)詳細(xì)信息，請(qǐng)參考官方文檔html5history mode

一款簡(jiǎn)單的視頻編輯軟件，非常好用。可以使用不同字體和過(guò)濾器播放自媒體的朋友可以嘗試使用它來(lái)編輯短視頻

您需要打開(kāi)HTML5歷史模式

Vue路由器默認(rèn)哈希模式-使用URL的哈希來(lái)模擬完整的URL，因此當(dāng)URL更改時(shí)，頁(yè)面將不會(huì)重新加載。

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

Const router=new vuerouter（{

mode:“history”，

routes:[…

}）

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