如何在 reactjs 中替换 env 属性的值

Question

我正在运行一个节点项目+ reactjs。 process.env 在服务器内部工作.js但在其他 js 文件中未定义。

我尝试使用 webpack 构建项目，然后像

这是我所做的步骤。

纱线构建

CALLBACK_URL=https：//localhost：9999/BASE_URL=https：//localhost：9443/节点服务器.js

我正在获取登录服务器.js

process.env.BASE_URL https://localhost:9443/process.env.CALLBACK_URL https://localhost:9999/

但我得到process.env.BASE_URL：在其他js文件中未定义。

Answer 1

Server.js 位于后端，位于"进程"对象的范围内。 React 在客户端浏览器引擎中运行。您需要将环境变量从后端的 webpack 构建上下文中可用的"进程"对象中获取到 webpack React Build 文件中！

看

• dotenv-webpack 插件
• webpack-define 插件

以获得可能的优雅解决方案

Answer 2

在 webpack.config 中，您可以在插件部分添加以下行：

new webpack.DefinePlugin({
'process.env.CALLBACK_URL': 'https://localhost:9999/',
'process.env.BASE_URL': 'https://localhost:9443/'
})