从 beanstalk 为 reactjs web 应用程序读取环境变量

Question

我有一个问题，一开始似乎微不足道，但现在我发现它非常令人困惑。

所以我将 reactjs 用于我的应用程序的前端。我将我的 reactjs web 应用程序部署在 aws 的 beanstalk 中。在 beanstalk 中，我定义了一个名为 test 的环境变量，现在我想阅读它并在我的 react 应用程序中使用它。但问题是我的反应应用程序基本上是用户浏览器中的客户端脚本，所以我不能做这样的事情：

const config = {};

  config.db = {
  test: process.env.DB_DATABASE || 'my_db',
};

这是该链接中建议的。

https://alexdisler.com/2016/03/26/nodejs-environment-variables-elastic-beanstalk-aws/

所以我怀疑这是完全可行的，还是不可能的。？任何想法将不胜感激

Answer 1

您的 react 代码将在浏览器中运行，并且无法访问服务器上已设置的环境变量。

您提供的链接描述了在托管在弹性 beanstalk 实例上的 node.js 环境中设置环境变量的过程。

我建议在您的 React 应用程序中创建一个配置文件，其中存储运行应用程序所需的必要参数和初始设置。