如何在Tomcat服务器上部署ReactJS应用程序？

Question

我想构建一个ReactJS应用程序，我希望将其托管在Tomcat服务器上。我已经使用了npm run build命令并且构建已经准备好了。我需要将这些文件复制到Tomcat服务器的哪里？我需要创建另一个应用程序并将其部署在服务器上以调用React应用程序吗？

- Manjot Singh

---

这篇帖子可能会有所帮助，https://dev59.com/1pvga4cB1Zd3GeqP4Zud - KungWaz

此外，这篇文章https://medium.com/@mukundmadhav/build-and-deploy-react-app-with-spring-boot-and-mysql-6f888eb0c600#d8c5 - Victor

Answer 1

按照以下步骤操作：

1. 进入Tomcat中的“webapp”文件夹并创建一个文件夹（通常是项目名称）
2. 将ReactJs构建文件夹中的文件复制到在Tomcat中创建的文件夹中（注意：您的构建文件夹应该有index.html）
3. 在浏览器中启动URLhttp : //localhost:< port > /< folder-name>。默认端口为8080

如果您有WAR文件，可以转到http://localhost: < port > /manager/html并部署它。

- Rakesh Makluri

---

我遇到了类似的要求。我将构建文件夹复制到了webapps中。现在，在webapps中，我有一个名为build的文件夹和其中的构建文件夹内容。但是，我仍然无法通过tomcat启动我的应用程序。 - Geo Thomas

你尝试过访问 http://localhost:<端口号>/build 吗？ - Rakesh Makluri

我按照这些步骤操作了，但是当我启动URL时，出现了404未找到错误。 - mertaksu

我正在尝试这个解决方案，我的React应用程序在Tomcat根文件夹中的静态文件夹中搜索文件。当我在package.json文件中添加主页时，搜索被路由到文件夹。但是应用程序仍然无法正常工作。 - Ashiq

@mertaksu 对于404错误，这个链接可能会有所帮助：https://dev59.com/9FgR5IYBdhLWcg3whdbu#41249464 - mostafa.S