时间戳

首页 > 解决方案 > 如何在运行时为 React 应用程序提供安装特定配置？

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

问题描述

在 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 应用程序实现相同的目标？

请注意，在我的情况下，相同的反应应用程序被部署到不同的服务器数百次。

标签： javascriptreactjsconfiguration

解决方案

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

请参阅使用 Create-React-App添加自定义环境变量。

# .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);

推荐阅读