Reactjs 如何将docker文件中可用的环境变量放入React组件

有人能告诉我如何从Jenkins管道中运行的docker文件中选择环境变量到React组件中吗？

如果您使用的是webpack，您可以在编译时从Jenkins处获取环境变量，然后将其定义为React组件要使用的全局常量

---

或者，您可以使用

fs.readFileSync

读取和解析webpack.config.js中的docker文件。

您可以使用

process.env.{{your_env}}

访问react应用程序中的环境变量

---

通常，在Dockerfile中使用

ENV

命令设置环境变量时，这些变量将被设置为容器中的系统级环境变量。通过在bash提示符中发出

export

命令，可以确保它们是否正确设置为container。如果您的变量包含在

export

命令的结果中，那么您可以在react应用程序中使用

process.env

轻松访问这些变量。

在代码中使用它们，就像使用

process.env.VAR\u NAME

的变量一样

如果您正在使用，请确保您的环境变量以

REACT\u APP\u

开头，以便加载它们

---

因此，如果您需要

KEY=123

它应该定义为

REACT\u APP\u KEY=123

，并使用

const KEY=process.env.KEY；//返回123

这可能有助于在服务器端使用变量并将其传输到客户端：