Nginx代理vue項目，點擊瀏覽器刷新報404

---

問題描述

提示：nginx代理一個vue2.X的項目，正常流程訪問無異常，在瀏覽器地址欄手動訪問地址或者點擊瀏覽器自帶的刷新按鈕，則會報404

---

原因分析：

當時用的是 若依的前后端分離版，我開始懷疑出現這種情況可能是若依框架前端的防爬蟲機制造成的！于是我訪問了若依的在線預覽，并未發現這個問題，于是pass了這一觀點。

當我看了nginx日志之后，我驚呆了，404？什么情況？

大概意思就是nginx找不到你訪問的內容，因為nginx只能找到index.html這一個文件那為啥正常的頁面間的訪問可以找到？因為那是vue的路由配合頁面組件去完成的比如vue的項目瀏覽器地址域名后面都會跟一個#號。

---

解決方案：

知道問題所在之后就好處理了

我們只需在配置中加上try_files，意思跟翻譯差不多，“嘗試讀取文件”。我個人的理解是：只要訪問的是這個index.html，你都直接返回index.html，具體是哪個頁面，交給vue來處理

location / {try_files $uri $uri/ /index.html; }

總結

以上是生活随笔為你收集整理的浏览器刷新报404的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。