本篇文章給大家帶來的內容是關於vue路由history模式重新整理頁面時出現404問題的兩種解決方法，有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。
vue hash模式下，url中存在』#』，用』history』模式就能解決這個問題。但是history模式會出現重新整理頁面後，頁面出現404。解決的辦法是用nginx配置一下。
在nginx的配置檔案中修改
方法一：
location /
}
server
#對應上面的@router，主要原因是路由的路徑資源並不是乙個真實的路徑，所以無法找到具體的檔案
#因此需要rewrite到index.html中，然後交給路由在處理請求資源
location @router
#...
....其他部分省略
}
附：有關nginx配置前端專案，請檢視這篇文章：linux伺服器部署前端專案到外網訪問
Vue路由配置history模式
我的部落格 你可以用 script 標籤的形式引入vue.min.js 這樣的，不需要nodejs。使用node有幾件事，打包部署，解析vue單檔案元件，解析每個vue模組，拼在一起，轉碼es6，less等，啟動測試伺服器 localhost 8080,幫你管理 vue router等外掛程式。所以...
Vue路由配置history模式
我的部落格 你可以用 script 標籤的形式引入vue.min.js 這樣的，不需要nodejs。使用node有幾件事，打包部署，解析vue單檔案元件，解析每個vue模組，拼在一起，轉碼es6，less等，啟動測試伺服器 localhost 8080,幫你管理 vue router等外掛程式。所以...
VUE路由的hash模式與history模式的區別
hash模式url帶 號，history模式不帶 號。通過history api，我們丟掉了醜陋的 但是它也有個問題 不怕前進，不怕後退，就怕重新整理，f5，如果後端沒有準備的話 因為重新整理是實實在在地去請求伺服器的,不玩虛的。在hash模式下，前端路由修改的是 中的資訊，而瀏覽器請求時是不帶它玩...