這篇文章主要介紹了tomcat部署react項目的方法，具有一定借鑒價值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)公司是一家專業(yè)從事成都網(wǎng)站建設(shè)、網(wǎng)站制作、網(wǎng)頁設(shè)計的品牌網(wǎng)絡(luò)公司。如今是成都地區(qū)具影響力的網(wǎng)站設(shè)計公司,作為專業(yè)的成都網(wǎng)站建設(shè)公司,創(chuàng)新互聯(lián)公司依托強大的技術(shù)實力、以及多年的網(wǎng)站運營經(jīng)驗,為您提供專業(yè)的成都網(wǎng)站建設(shè)、營銷型網(wǎng)站建設(shè)及網(wǎng)站設(shè)計開發(fā)服務！

tomcat部署react項目的方法：首先使用“npm run build”將項目打包；然后把打包后的文件夾中內(nèi)容放到tomcat中webapps下的Root中；最后開啟服務器訪問“l(fā)ocalhost:8080”端口即可。

tomcat部署react項目

部署方法：

• 使用npm run build將項目打包

• 把打包后的文件夾中內(nèi)容放到tomcat中webapps下的Root中

• 開啟服務器訪問localhost:8080端口即可以看到你的項目內(nèi)容

不放置在Root目錄下的坑：

由于默認path.js【路徑：你的react項目名\node_modules\react-scripts\config\path.js】的配置是’/’即對根目錄有效，所以如果不放在root下則需要將’/’變成’./’即相對路徑有效。（修改代碼約在第45行）

此時你可以通過localhost:8080/項目名 進行訪問你的react項目

感謝你能夠認真閱讀完這篇文章，希望小編分享tomcat部署react項目的方法內(nèi)容對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司，，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，遇到問題就找創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司，，詳細的解決方法等著你來學習!

網(wǎng)頁標題：tomcat部署react項目的方法-創(chuàng)新互聯(lián)
標題URL：http://weahome.cn/article/dghiii.html