國外服務器租用，海外主機

今天海外主機向您展示了如何在nginx中部署react項目。內(nèi)容簡潔易懂，一定會讓你眼前一亮。希望通過這篇文章的詳細介紹，你能有所收獲。

測試項react-demo

將您的react-demo項目克隆到服務器

如有需要，請安裝項目環(huán)境，如node.js、紗線等。

進入項目目錄，執(zhí)行npm運行構建，并開始構建項目

成功構建后，將生成一個dist文件夾，該文件夾中的靜態(tài)文件將成為我們項目的訪問文件。

要配置Nginx，Linux服務器輸入：/etc/nginx/sites-enabled，然后作為管理員，為您的react項目創(chuàng)建一個新的配置文件，如react-demo.conf，然后編輯該文件：

服務器{

listen8080

# server _ name your . domain.com；

root/home/root/react-demo/dist；

indexindex.htmlindex.htm；

位置/

try _ files $ uri $ uri//index . html；

}

location^~/assets/{

gzip _ staticon

expiresmax

add _ header cache-control public；

}

error _ page 500502503504/500 . html；

client _ max _ body _ size20M

keepalive _ timeout10

}執(zhí)行sudo服務nginx重啟以重啟Nginx服務。

接入項目，http://IP:8080/

注意事項：

1.如果您配置一個域名，您需要80個端口。成功后，您只需要訪問域名就可以訪問項目

2.如果您使用反應路由器的瀏覽器故事模式，請將以下配置添加到Nginx配置中：

位置/

try _ files $ uri $ uri//index . html；

}原則，因為我們的項目只有一個根條目，輸入像/home這樣的url就找不到這個頁面。這是因為nginx會嘗試加載index.html，加載index.html后，react-router會工作并匹配我們輸入的/home路由，從而顯示正確的主頁。如果瀏覽器故事模式中的項目沒有配置上述內(nèi)容，將出現(xiàn)404的情況。

以上內(nèi)容是如何在nginx中部署一個react項目。你學到什么知識或技能了嗎？如果你想學習更多的技能或豐富你的知識儲備，請關注海外主機

Tags：國外服務器租用，海外主機，如何在nginx中部署一個react項目

版權聲明：本站文章來源標注為YINGSOO的內(nèi)容版權均為本站所有，歡迎引用、轉載，請保持原文完整并注明來源及原文鏈接。禁止復制或仿造本網(wǎng)站，禁止在非www.sddonglingsh.com所屬的服務器上建立鏡像，否則將依法追究法律責任。本站部分內(nèi)容來源于網(wǎng)友推薦、互聯(lián)網(wǎng)收集整理而來，僅供學習參考，不代表本站立場，如有內(nèi)容涉嫌侵權，請聯(lián)系alex-e#qq.com處理。