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

Question

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

如果我使用https://my_server.com:3000，一切正常。但是https://my_server.com/test_app/ 无法获取静态文件并且反应无法加载。 好像是在 80 端口请求静态文件，但是我的 react 应用是在 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 并更新我的链接，但现在似乎工作正常。