react應(yīng)用打包部署到tomcat的方法：1、使用“npm run build”將項(xiàng)目打包；2、把打包后的文件夾中內(nèi)容放到tomcat中webapps下的Root中；3、開啟服務(wù)器訪問“l(fā)ocalhost:8080”端口即可。

本教程操作環(huán)境：Windows10系統(tǒng)，react18.0.0，Dell G3電腦。

react應(yīng)用打包部署到tomcat怎么做？

React項(xiàng)目部署在Tomcat中的方法

博主辛辛苦苦敲的react代碼，結(jié)果想部署到Tomcat中一直都無法顯示。之后便走訪百度、谷歌，終于找到了項(xiàng)目部署失敗的原因，下面將進(jìn)行一下總結(jié)。

部署方法：

• 使用npm run build將項(xiàng)目打包

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

• 開啟服務(wù)器訪問localhost:8080端口即可以看到你的項(xiàng)目?jī)?nèi)容

不放置在Root目錄下的坑：

由于默認(rèn)path.js【路徑：你的react項(xiàng)目名node_modulesreact-scriptsconfigpath.js】的配置是’/’即對(duì)根目錄有效，所以如果不放在root下則需要將’/’變成’./’即相對(duì)路徑有效。（修改代碼約在第45行）

此時(shí)你可以通過localhost:8080/項(xiàng)目名 進(jìn)行訪問你的react項(xiàng)目。

推薦學(xué)習(xí)：《react視頻教程》