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

Question

我有一个React JS网络应用程序，需要与具有该React应用程序路径的Express服务器一起构建一次。

问题是，如果服务器在存储桶（例如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配置文件。