vue刷新頁面跳轉404怎么辦？1. 問題描述2。Apache服務器配置3。Nginx服務器配置你需要打開HTML5歷史模式Vue路由器默認哈希模式——使用URL的哈希來模擬一個完整的URL，這樣當U

vue刷新頁面跳轉404怎么辦？

1. 問題描述

2。Apache服務器配置

3。Nginx服務器配置

你需要打開HTML5歷史模式

Vue路由器默認哈希模式——使用URL的哈希來模擬一個完整的URL，這樣當URL改變時，頁面就不會被重新加載。

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

Const router=new vuerouter（{

mode:“history”，

routes:[…

}）

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

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