Nginx代理vue項(xiàng)目，點(diǎn)擊瀏覽器刷新報(bào)404

---

問(wèn)題描述

提示：nginx代理一個(gè)vue2.X的項(xiàng)目，正常流程訪問(wèn)無(wú)異常，在瀏覽器地址欄手動(dòng)訪問(wèn)地址或者點(diǎn)擊瀏覽器自帶的刷新按鈕，則會(huì)報(bào)404

---

原因分析：

當(dāng)時(shí)用的是 若依的前后端分離版，我開始懷疑出現(xiàn)這種情況可能是若依框架前端的防爬蟲機(jī)制造成的！于是我訪問(wèn)了若依的在線預(yù)覽，并未發(fā)現(xiàn)這個(gè)問(wèn)題，于是pass了這一觀點(diǎn)。

當(dāng)我看了nginx日志之后，我驚呆了，404？什么情況？

大概意思就是nginx找不到你訪問(wèn)的內(nèi)容，因?yàn)閚ginx只能找到index.html這一個(gè)文件那為啥正常的頁(yè)面間的訪問(wèn)可以找到？因?yàn)槟鞘莢ue的路由配合頁(yè)面組件去完成的比如vue的項(xiàng)目瀏覽器地址域名后面都會(huì)跟一個(gè)#號(hào)。

---

解決方案：

知道問(wèn)題所在之后就好處理了

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

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

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。