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

Question

我一直在尝试在子目录上运行我的 React 应用程序。
我正在使用负载平衡器 (ALB) 并将我的应用程序重定向到“https://mydomain/directory”中的“directory”。
但是我的应用程序没有找到构建的静态文件
在 package.json 上添加了目录。 “主页”:“/目录”
在 react-router-dom 上添加了 basename
在我的网络中 index.html 正在以相同的方式寻找“.#####/directory/static/js”和 css
我只能通过将静态请求重定向到我的 react 构建来运行我的 react 构建，但这不是一个好的解决方案，因为我想在我的 ALB 上运行 3 个应用程序，这将导致我在构建中手动更改我的 Assets 文件夹名称，显然不想这样做。
我一直在应用多种解决方案，但找不到合适的解决方案，请有人帮忙解决这个问题。😑

Answer 1

ALB 不进行重定向，也不进行任何类型的请求路径重写，它只是将请求转发到目标。您需要设置您的服务器，以便它实际上从该文件夹为网站提供服务，换句话说，在构建中更改您的 Assets 文件夹名称。
如果您不想这样做，则需要查看其他 AWS 解决方案，例如 CloudFront，它可以将请求代理到源服务器上的不同路径。