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

Question

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

请有任何建议。

谢谢

原文由 Pravin Abhale 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

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

我得到的是一个空白页面，但后来，我 发现对 react router 和 package.json 进行了一些更改，解决了我的问题。

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

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

“主页”：“ https://localhost:8080/simpleapp ”，

1. 对于 React 路由器，我们必须添加 basename 属性。

在上述情况下，应用程序将部署在 simpleapp 相对路径上

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

原文由 Passcode 发布，翻译遵循 CC BY-SA 4.0 许可协议