首页 > 解决方案 > 多个部署中的 React 配置

问题描述

我们希望在我们的数据中心和云中部署相同的 React Web 应用程序。每个部署都有不同的设置,例如 API 所在的基本 URL 和其他配置。注入此信息的最佳方法是什么?在建造时?.net 中是否有类似 web.config 的文件但用于反应应用程序?

标签: reactjsreact-hookscreate-react-app

解决方案


如果你使用 create-react-app,你可以使用Environment Variables

只需在 CI 中定义变量并像这样使用它:

const API_HOST = process.env.REACT_APP_API_HOST;

您还可以在.env文件中定义它,如下所示:

REACT_APP_API_HOST = my-api-path.com

推荐阅读