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