使用环境变量在 AWS Beanstalk 中设置 React 应用程序

Question

我正在寻找是否可以将 React 应用程序设置为具有基于应用程序部署到的 Beanstalk 环境的特定环境变量。

我的目标是拥有预编译的 React 代码，其中包含仅针对该 env 的环境变量。我想避免向用户提供具有所有环境变量的 JS 代码

假设我在 Beanstalk 中有 2 个不同的环境：

env A: 应该有 process.env.API_ROUTE = http://api1/

env B: 应该有 process.env.API_ROUTE = http://api2/

是否可以使用 MsBuild 条件来根据所选的 Beanstalk 环境运行不同的构建脚本？ 或者也许可以根据 Beanstalk 内部环境变量进行条件调整？

Answer 1

我发现这样做的唯一方法是通过 .net 中间件，当 .js 文件提供给用户时，它会解析 .js 文件，并用环境变量替换预定值。