Nginx配置React項目Url后直接輸入路由路徑時報404問題的解決
更新時間：2017年11月03日 10:53:38 作者：xiaotuni
這篇文章主要給大家介紹了關(guān)于Nginx配置React項目Url后面直接輸入路由路徑時報404問題的解決方法，文中通過示例代碼將解決的方法介紹的非常詳細，需要的朋友可以參考借鑒，下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。
前言
如今react應(yīng)用普遍，最近在配置react項目中遇到了一個問題，通過查找相關(guān)的資料終于找到了解決的方法，所以想著總結(jié)一下分享出來給有需要的朋友們，下面話不多說了，來一起看看詳細的介紹吧。
發(fā)現(xiàn)問題
大家都知道，當我們寫完項目后，要對項目進行部署，我的配置很簡單
location /demo {
root E:/;
index index.html index.htm;
}
這樣配置的有一個問題，只能 http://localhost/demo/來訪問。
如果想訪問里面的其它界面如 http://localhost/demo/page1的話，就報404找不到頁面。
可我在開發(fā)的時候，確實沒有問題，可以進行訪問的，于就想難道必須得用node來項目嗎？不會吧，也許是我自己不會配置所致。
解決方法
終于找到辦法了，在其它人的nginx.config里發(fā)現(xiàn)多加了一行東西。
location /demo {
root E:/;
#加上了這個，就可以在url后面直接加路由上配置path了。
try_files $uri /demo/index.html;
index index.html index.htm;
}
致于為什么，不清楚，但是功能實現(xiàn)了。
在此標記一下，以備后需之用。
總結(jié)
以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，如果有疑問大家可以留言交流，謝謝大家對腳本之家的支持。
相關(guān)文章
Nginx結(jié)合keepalived實現(xiàn)集群
本文主要介紹了Nginx結(jié)合keepalived實現(xiàn)集群,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2024-05-05
這篇文章主要介紹了Nginx中的主要應(yīng)用場景解讀，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-04-04
這篇文章主要介紹了Linux上搭載Nginx負載均衡配置使用案例詳解,針對此情況而衍生出來的一種廉價有效透明的方法以擴展現(xiàn)有網(wǎng)絡(luò)設(shè)備和服務(wù)器的帶寬、增加吞吐量、加強網(wǎng)絡(luò)數(shù)據(jù)處理能力、提高網(wǎng)絡(luò)的靈活性和可用性的技術(shù)就是負載均衡（Load?Balance），需要的朋友可以參考下2022-01-01
Ubuntu上安裝Nginx服務(wù)器程序及簡單的環(huán)境配置小結(jié)
Nginx是一款高性能的異步非阻塞服務(wù)器應(yīng)用程序,人氣相當高,這里我們就來看一下在Ubuntu上安裝Nginx服務(wù)器程序及簡單的環(huán)境配置小結(jié):2016-07-07
LNMP架構(gòu),是指在Linux平臺下,由運行Nginx的web服務(wù)器,運行PHP的動態(tài)頁面解析程序和運行MySQL的數(shù)據(jù)庫組成的網(wǎng)站架構(gòu),也是當前常用的系統(tǒng)架構(gòu)之一,本文主要介紹LNMP原理與簡單部署,感興趣的朋友一起看看吧2023-08-08
這篇文章主要介紹了Nginx-rtmp實現(xiàn)直播媒體實時流效果,文中給出了總體設(shè)計圖，為了整合平臺，會自建RTMP流媒體服務(wù)器和使用云廠商SaaS的RTMP流媒體服務(wù)，需要的朋友可以參考下2018-08-08
這篇文章主要為大家詳細介紹了Nginx實現(xiàn)分端口部署兩個或多個項目的相關(guān)教程,其中包含了反向代理配置,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-10-10
Nginx 域名轉(zhuǎn)發(fā)的實現(xiàn)
這篇文章主要介紹了Nginx 域名轉(zhuǎn)發(fā)的實現(xiàn),文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08
這篇文章主要為大家介紹了Nginx配置之main?events塊使用示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-11-11
這篇文章主要介紹了在Nginx服務(wù)器中配置針對TCP的負載均衡的方法,另外還介紹了TCP負載均衡的執(zhí)行原理,需要的朋友可以參考下2015-12-12