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

导读 react应用打包部署到tomcat的方法:1、使用“npmrunbuild”将项目打包;2、把打包.....

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行)

42fd76845de1f3b0767e97e9ef44118.jpg

你可以在这个时候通过localhost:8080/项目名 访问您的react项目。

推荐学习:《react视频教程》

以上是react应用包装部署到tomcat如何做的详细内容,请关注php中文网的其他相关文章!

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。2023-01-23 15:00:21

猜你喜欢

最新文章