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

如何解决React 应用程序无法使用 Apache 反向代理运行

我正在使用 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

解决方法

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