react应用打包部署到tomcat怎么做

react将包装部署到tomcat的应用方法：1.使用“npm run build“包装项目；2.将包装好的文件夹内容放入tomcat中webapps下面的Root；3.打开服务器访问“localhost:8080端口即可。

本教程的操作环境：Windows10系统，react18.0.0，Dell G3电脑。

react如何将应用包装部署到tomcat？

ReactTomcat中项目部署的方法

博主辛辛苦苦敲了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中文网的其他相关文章！