溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》
  • 首頁 > 
  • 教程 > 
  • 服務(wù)器 > 
  • Nginx配置React項(xiàng)目Url后直接輸入路由路徑時(shí)報(bào)404問題的解決

Nginx配置React項(xiàng)目Url后直接輸入路由路徑時(shí)報(bào)404問題的解決

發(fā)布時(shí)間：2020-09-12 18:54:07 來源：腳本之家 閱讀：853 作者：xiaotuni 欄目：服務(wù)器

前言

如今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ì)億速云的支持。

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手