reactjs - 如何使用 AWS Load Balancer 在子目录中部署 React 应用程序

Question

我一直在尝试在子目录上运行我的 react 应用程序。 我正在使用负载均衡器(ALB)并将我的应用程序重定向到“https://mydomain/directory”的“目录”上。 但我的应用程序找不到构建的静态文件

在 package.json 上添加了目录。 "主页": "/目录" 在react-router-dom上添加了基本名称 在我的网络中，index.html 正在以相同的方式查找“.#####/directory/static/js”和 css

我只能通过将静态请求重定向到我的 react 构建来运行我的 react 构建，但这不是一个好的解决方案，因为我想在我的 ALB 上运行 3 个应用程序，这将导致我手动更改我的 Assets 文件夹名称构建，显然不想这样做。 我已经应用了多种解决方案，但找不到合适的解决方案，请有人帮忙。😑

Answer 1

ALB 不执行重定向，也不执行任何类型的请求路径重写，它只是将请求转发到目标。您需要设置您的服务器，以便它实际上从该文件夹为网站提供服务，换句话说，在构建中更改您的 Assets 文件夹名称。

如果您不想这样做，则需要查看其他 AWS 解决方案，例如 CloudFront，它可以将请求代理到源服务器上的不同路径。