Nginx配置React項(xiàng)目Url后直接輸入路由路徑時(shí)報(bào)404問(wèn)題的解決
前言
如今react應(yīng)用普遍，最近在配置react項(xiàng)目中遇到了一個(gè)問(wèn)題，通過(guò)查找相關(guān)的資料終于找到了解決的方法，所以想著總結(jié)一下分享出來(lái)給有需要的朋友們，下面話不多說(shuō)了，來(lái)一起看看詳細(xì)的介紹吧。
發(fā)現(xiàn)問(wèn)題
大家都知道，當(dāng)我們寫(xiě)完項(xiàng)目后，要對(duì)項(xiàng)目進(jìn)行部署，我的配置很簡(jiǎn)單
location /demo {
root E:/;
index index.html index.htm;
}
這樣配置的有一個(gè)問(wèn)題，只能 http://localhost/demo/來(lái)訪問(wèn)。
如果想訪問(wèn)里面的其它界面如 http://localhost/demo/page1的話，就報(bào)404找不到頁(yè)面。
可我在開(kāi)發(fā)的時(shí)候，確實(shí)沒(méi)有問(wèn)題，可以進(jìn)行訪問(wèn)的，于就想難道必須得用node來(lái)項(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é)
以上就是這篇文章的全部?jī)?nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，如果有疑問(wèn)大家可以留言交流，謝謝大家對(duì)腳本之家的支持。
相關(guān)文章
關(guān)于Nginx開(kāi)啟gzip的配置的問(wèn)題
這篇文章主要介紹了關(guān)于Nginx開(kāi)啟gzip的配置的問(wèn)題,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2021-03-03
這篇文章主要介紹了nginx反向代理配置去除前綴的方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
通過(guò)nginx代理攔截請(qǐng)求進(jìn)行全局訪問(wèn)限制
這篇文章主要介紹了通過(guò)nginx代理攔截請(qǐng)求進(jìn)行全局訪問(wèn)限制，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-06-06
Nginx 負(fù)載均衡的簡(jiǎn)單配置例子，供初學(xué)的朋友參考下2013-02-02
Nginx Proxy 代理測(cè)試的實(shí)現(xiàn)
本文主要介紹了Nginx Proxy 代理測(cè)試的實(shí)現(xiàn),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2025-02-02
使用Nginx作為Web緩存服務(wù)器,能有效減少數(shù)據(jù)傳輸、節(jié)省網(wǎng)絡(luò)流量、加快響應(yīng)速度、減輕服務(wù)器壓力、提高服務(wù)端可用性,本文就來(lái)介紹一下nginx配置文件不使用緩存的方法,感興趣的可以了解一下2024-11-11
Nginx如何設(shè)置域名轉(zhuǎn)發(fā)到服務(wù)器指定的端口
這篇文章主要介紹了Nginx如何設(shè)置域名轉(zhuǎn)發(fā)到服務(wù)器指定的端口,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2024-01-01
配置Nginx作為WebSocket代理是一種常見(jiàn)的設(shè)置，以便在Nginx服務(wù)器上實(shí)現(xiàn)WebSocket連接的轉(zhuǎn)發(fā)和負(fù)載均衡，這篇文章主要介紹了配置nginx以成功代理websocket,需要的朋友可以參考下2024-02-02
小編最近遇到這樣一個(gè)問(wèn)題docker nginx起不來(lái)了，導(dǎo)致jira域名映射失敗，如何解決呢？下面小編給大家分享下nginx啟動(dòng)失敗的解決過(guò)程，感興趣的朋友一起看看吧2022-02-02
Nginx+Tomcat反向代理與負(fù)載均衡的實(shí)現(xiàn)
這篇文章給大家詳細(xì)介紹了如何實(shí)現(xiàn)Nginx+Tomcat反向代理與負(fù)載均衡，文中的流程步驟介紹的非常詳細(xì)對(duì)我們的學(xué)習(xí)或工作有一定的幫助,需要的朋友可以參考下2023-07-07