React 应用无法 运行 使用 Apache 反向代理

Question

我正在使用 reverse-proxy apache2 模块将来自 https://my_server.com/test_app/ 的任何请求转发到反应生产应用程序，即 :3000 上的 运行。

如果我使用 https://my_server.com:3000，一切正常。但是 https://my_server.com/test_app/ 无法获取静态文件并且反应无法加载。 它似乎在端口 80 上请求静态文件，但我的反应应用程序是 运行 on 3000.

我该如何解决这个问题？

package.json

{
  "private": true,
  "homepage": "/",
  ...
}

httpd.conf

ProxyPass /test_app http://localhost:3000

Answer 1

我没有使用 serve，只是将构建的内容放入 /var/www/html/<Some-Directory> 中的一个目录中（所以我只使用 Apache）。我必须为 <Router /> 定义 basename 并更新我的链接，但现在似乎工作正常。