首頁  >  文章  >  web前端  >  react應用程式打包部署到tomcat怎麼做

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

藏色散人
藏色散人原創
2023-01-19 13:45:591667瀏覽

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

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

本教學操作環境: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行)

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

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

推薦學習:《

react影片教學

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

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn