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)行部署，我的配置很簡(jiǎ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é)
以上就是這篇文章的全部?jī)?nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，如果有疑問大家可以留言交流，謝謝大家對(duì)腳本之家的支持。
相關(guān)文章
這篇文章主要介紹了關(guān)于Nginx開啟gzip的配置的問題,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2021-03-03
這篇文章主要介紹了nginx反向代理配置去除前綴的方法，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
通過nginx代理攔截請(qǐng)求進(jìn)行全局訪問限制
這篇文章主要介紹了通過nginx代理攔截請(qǐng)求進(jìn)行全局訪問限制，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-06-06
Nginx 負(fù)載均衡的簡(jiǎn)單配置例子，供初學(xué)的朋友參考下2013-02-02
Nginx Proxy 代理測(cè)試的實(shí)現(xiàn)
本文主要介紹了Nginx Proxy 代理測(cè)試的實(shí)現(xiàn),文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2025-02-02
使用Nginx作為Web緩存服務(wù)器,能有效減少數(shù)據(jù)傳輸、節(jié)省網(wǎng)絡(luò)流量、加快響應(yīng)速度、減輕服務(wù)器壓力、提高服務(wù)端可用性,本文就來介紹一下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代理是一種常見的設(shè)置，以便在Nginx服務(wù)器上實(shí)現(xiàn)WebSocket連接的轉(zhuǎn)發(fā)和負(fù)載均衡，這篇文章主要介紹了配置nginx以成功代理websocket,需要的朋友可以參考下2024-02-02
小編最近遇到這樣一個(gè)問題docker nginx起不來了，導(dǎo)致jira域名映射失敗，如何解決呢？下面小編給大家分享下nginx啟動(dòng)失敗的解決過程，感興趣的朋友一起看看吧2022-02-02
Nginx+Tomcat反向代理與負(fù)載均衡的實(shí)現(xiàn)
這篇文章給大家詳細(xì)介紹了如何實(shí)現(xiàn)Nginx+Tomcat反向代理與負(fù)載均衡，文中的流程步驟介紹的非常詳細(xì)對(duì)我們的學(xué)習(xí)或工作有一定的幫助,需要的朋友可以參考下2023-07-07