在 React 中，是否可以从不在 /src 中的本地文件中获取数据？

Question

我希望我的React应用程序从服务器获取数据，但该服务器的地址可能会不时更改
我有一个名为address.json的文件，下一行是：
{ "server_address" : "http://some-address:3030" }

我的应用程序是否可以从该文件中读取地址，而无需再次编译项目？

理想情况下，address.json将位于/build中，应用程序将在下一次获取尝试时更改地址，而无需编译。

提前感谢

Answer 1

您可以将文件粘贴到public文件夹中，然后使用访问该文件

让fileurl=location.origin+'/'+您的文件名在这里

在您的情况下，将address.json文件放在公用文件夹中，然后您可以使用location.origin+'/address.json'url访问该文件。

location.origin将为您提供主机和端口的名称

您可以使用公共字体、图像、json等格式的任何文件。

Answer 2

好的，我能够使用以下代码使其工作：

async fetchAddressFromFile() {
const file = `${location.origin}/address.json`
return fetch(file).then(response => {
return response.json()
}).then(json => {
return json.address
})
}
...
const address = await fetchAddressFromFile()