vue專案重新整理頁面報404

今天突然想到之前遇到的乙個問題，使用vuecli3.0建立的vue專案，重新整理頁面報404。

原因：

history —— 利用了 html5 history inte***ce 中新增的 pushstate() 和 replacestate() 方法。（需要特定瀏覽器支援）這兩個方法應用於瀏覽器的歷史記錄棧，在當前已有的 back、forward、go 的基礎之上，它們提供了對歷史記錄進行修改的功能。只是當它們執行修改時，雖然改變了當前的 url，但瀏覽器不會立即向後端傳送請求。（但因為vue應用是乙個單頁客戶端應用，如果後台沒有正確的配置，直接訪問就會返回404）

解決方式：

1）直接修改vuerouter的模式，將其改為hash

export default new router()

在前端主要注意兩個地方需要與配置的二級網域名稱一致：

這個配置是針對vue cli 3.3 以上版本，上邊鏈結裡的針對的是之前的版本

假如你配置的二級網域名稱為 /student/

export default new router()

module.exports = ;

vue專案打包發布之後重新整理頁面報404

const router new router const router new router 2.那麼vue router的hash模式和histroy模式有什麼區別呢？1 hash模式url帶 histroy模式url不帶 2 hash模式解決了通過http請求來切換頁面，改變路徑可以直接改變頁...

react 打包重新整理 頁面404

參考 環境 react 16.13.1 react router dom 5.2.0 react打包前端自啟服務，使用nginx處理跨域 可以看這裡 react 開發環境 生產環境 跨域處理 將browserrouter 改為 hashrouter import from react router ...

Vue重新整理頁面功能

在使用vue開發過程中，有時候修改了一些資料或者提交了表單以後需要重新整理當前頁面，js中有很多方法都可以重新整理頁面，但是我覺得都不是很友好，會突然整個頁面白了一下，相當於按了f5重新整理頁面。最近看到了大神們的做法，也實現了一下，感覺挺不錯的。isrouteralive router view ...