react應用程式打包部署到tomcat怎麼做

react應用程式打包部署到tomcat的方法：1、使用「npm run build」將專案打包；2、把打包後的資料夾中內容放到tomcat中webapps下的Root中；3、開啟伺服器存取“localhost:8080”連接埠即可。

本教學操作環境：Windows10系統，react18.0.0，Dell G3電腦。

react應用程式打包部署到tomcat怎麼做？

React專案部署在Tomcat中的方法

博主辛辛苦苦敲的react程式碼，結果想部署到Tomcat中一直無法顯示。之後便走訪百度、谷歌，終於找到了專案部署失敗的原因，以下將進行總結。

部署方法：

• 使用npm run build將專案打包

• ##把打包後的資料夾中內容放到tomcat中webapps下的Root中

• 開啟伺服器存取localhost:8080連接埠即可以看到你的專案內容

不放置在Root目錄下的坑：

由於預設path.js【路徑：你的react專案名稱\node_modules\react-scripts\config\path.js】的設定是'/'即對根目錄有效，所以如果不放在root下則需要將'/'變成'./'即相對路徑有效。 （修改程式碼約在第45行）

此時你可以透過localhost:8080/專案名稱 存取你的react專案。

推薦學習：《

react影片教學》

以上是react應用程式打包部署到tomcat怎麼做的詳細內容。更多資訊請關注PHP中文網其他相關文章！