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

Question

我是reactjs的新手,我想在tomcat服务器上部署我的reactjs应用程序而不是在反应服务器上运行,默认端口是3000.我运行npm serve命令运行npm本地服务器但是需要使用tomcat服务器访问该应用程序.

请给我任何建议.

谢谢

Answer 1

npm run build可以触发构建过程但是它会生成代码,假设基本url没有任何相对路径,但是如果我想部署到我的服务器中的相对路径怎么办？所以我的意思是相对路径是,我在tomcat webapps目录中有一个simpleapp文件夹,我想从那个访问我的反应应用程序,即http:// localhost/simpleapp.如果使用反应路由器,它会变得更加复杂.

我得到一个空白页面,但后来,我发现在react router和package.json上做了一些更改,解决了我的问题.

所以我找到的解决方案是: -

1. 提及package.json中的主页属性

   "主页":" https:// localhost:8080/simpleapp ",

2. 对于react路由器,我们必须添加basename属性.

在上面的情况下,app将部署在simpleapp相对路径上

<Router basename={'/simpleapp'}>
  <Route path='/' component={Home} />
  {/* … */}
</Router>

Answer 2

在反应代码的根文件夹中运行此命令。

npm 运行构建

这会在名为“build”的文件夹中生成优化的生产版本，该文件夹基本上包含一个带有静态 JS 和 CSS 文件的 index.html 页面。然后，您可以将这些文件复制并粘贴到 Tomcat WebContent 文件夹中。

这是一个链接，可能会对此有所帮助。