柚子快報邀請碼778899分享：運維 nginx刷新顯示404

http://yzkb.51969.com/

前言

nginx部署完項目后，訪問時 刷新后 就會出現(xiàn)404的報錯界面(沒有配置情況下，而且不是首頁根目錄刷新)

當重新訪問首頁后，又恢復正常，只要一刷新就會出現(xiàn)這個問題。這是為什么呢？

其實很簡單就是你的nginx配置上沒有添加重定向跳轉。

報錯原因

因為web單頁面開發(fā)模式，只有一個index.html入口，其他路徑是前端路由去跳轉的，nginx沒有對應這個路徑，當然就是404了。

解決的方式很簡單，就是在我們的代理映射處，配置下面這段代碼即可成功搞定，不再出現(xiàn)404！

配置完后 重啟nginx服務即可正常的刷新訪問了

#在配置中加上try_files，意思跟翻譯差不多，“嘗試讀取文件”。

try_files $uri $uri/ /index.html =404;

?

try_files 表示的是檢查文件是否存在，就是指的在每次匹配URL路徑的時候，找不到對應的靜態(tài)資源的時候自動跳轉到index.html文件。

還有另外一種404的錯誤，那就是nginx訪問的文件權限問題。

比如，你訪問的路徑，他要的權限是root權限，而我們啟動nginx的權限是普通用戶權限，則會因為權限不錯，導致無法正常訪問。 ?

說明

為什么刷新頁面會出現(xiàn)這種情況

如：http://192.168.0.180:8080/index.html ，此時刷新頁面的時候回去根據(jù)瀏覽器的url， 訪問nginx上請求對應的靜態(tài)資源，而nginx會根據(jù)localhost / 的匹配規(guī)則在dist文件夾里面沒有找到對應的靜態(tài)文件index，所以就會報錯404。

大致就是這樣的情況，如有問題歡迎留言交流。

柚子快報邀請碼778899分享：運維 nginx刷新顯示404

http://yzkb.51969.com/

參考鏈接