如何在运行时为 React 应用程序提供安装特定配置？

Question

在 Python 应用程序中，我可以执行以下操作，更改每个应用程序部署的 settings.py 内容：

# settings.py
SOME_VARIABLE = 123
SOME_URL = "https://example.com/"

# myapp.py
from . import settings

do_something(settings.SOME_VARIABLE)
fetch_data(settings.SOME_URL)

如何使用 React 应用实现相同的目标？

请注意，在我的例子中，同一个 react 应用程序被部署到不同的服务器数百次。

Answer 1

根据您的 React 启动器，检查有关如何传递环境变量的文档。

使用 Create-React-App 参见 Adding Custom Environment Variables。

# .env
REACT_APP_NOT_SECRET_CODE=abcdef

或者只是把它当作一个普通的对象：

// settings.js
const settings = {
  url: "https://example.com/",
};

export default settings;

// usage
import settings from "./settings.js";
do_something(settings.url);