在反应应用程序中动态配置存储桶路径的最佳方法是什么

Question

我有一个 React JS Web 应用程序，它需要与具有 React 应用程序路径的快速服务器一起构建一次。

问题是，如果服务器在存储桶下运行，比如说 example-bucket，react 应用将找不到资产，因为它会从主域请求资产。

例如，对于以下存储桶：www.example.co.il/example-bucket

React 会从www.example.co.il/image.jpg 请求图片 而不是www.example.co.il/example-bucket/image.jpg

此存储桶路径可以随时更改。我需要一种在不运行构建的情况下动态更改 React JS 中的存储桶路径的方法。这个问题有解决办法吗？

Answer 1

您可以让 React 应用加载包含基本 URL 的 JSON 配置文件。