99偷拍视频精品区一区二,口述久久久久久久久久久久,国产精品夫妇激情啪发布,成人永久免费网站在线观看,国产精品高清免费在线,青青草在线观看视频观看,久久久久久国产一区,天天婷婷久久18禁,日韩动漫av在线播放直播

如何解決vuerouter使用history模式刷新后404問題-創新互聯

這篇文章將為大家詳細講解有關如何解決vue router使用history模式刷新后404問題，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

成都創新互聯專注于企業成都全網營銷推廣、網站重做改版、襄州網站定制設計、自適應品牌網站建設、HTML5、商城網站制作、集團公司官網建設、外貿營銷網站建設、高端網站制作、響應式網頁設計等建站業務，價格優惠性價比高，為襄州等各大城市提供網站開發制作服務。

因為我們的應用是單頁客戶端應用，當使用 history 模式時，URL 就像正常的 url，可以直接訪問http://www.xxx.com/user/id，但是因為vue-router設置的路徑不是真實存在的路徑，所以刷新就會返回404錯誤。

想要history模式正常訪問，還需要后臺配置支持。要在服務端增加一個覆蓋所有情況的候選資源：如果 URL 匹配不到任何靜態資源，則應該返回同一個 index.html 頁面，這個頁面就是你 app 依賴的頁面。

也就是在服務端修改404錯誤頁面的配置路徑，讓其指向到index.html。

警告：

因為這么做以后，你的服務器就不再返回 404 錯誤頁面，因為對于所有路徑都會返回 index.html 文件。為了避免這種情況，你應該在 Vue 應用里面覆蓋所有的路由情況，然后在給出一個 404 頁面。

const router = new VueRouter({
 mode: 'history',
 routes: [
 { path: '*', component: NotFoundComponent }
 ]
})

如此便解決了頁面刷新后404問題。

問題延伸：

但是后面又發現，在IE瀏覽器下刷新仍然還是404，在網上找了一下原因，是因為IE自作聰明，對錯誤頁面的處理在ie來看頁面大小<1024b 會被認為十分不友好，所以ie就將改頁面給替換成自己的錯誤提示頁面了，而我的index.html剛好只有一個DIV：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>vue-mdm</title>
</head>
<body>
　　<div id="app"></div>
</div>
</body>
</html>

解決辦法就是充實一下頁面,讓大小超過1024即可。

關于“如何解決vue router使用history模式刷新后404問題”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。

另外有需要云服務器可以了解下創新互聯建站www.yijiale78.com，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業上云的綜合解決方案，具有“安全穩定、簡單易用、服務可用性高、性價比高”等特點與優勢，專為企業上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

當前名稱：如何解決vuerouter使用history模式刷新后404問題-創新互聯
網站路徑：http://www.yijiale78.com/article22/doccjc.html

成都網站建設公司_創新互聯，為您提供標簽優化、營銷型網站建設、外貿建站、網站策劃、關鍵詞優化、企業建站

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯

成都定制網站建設