时间戳

首页 > 解决方案 > 如何在 React 构建中使用环境变量？

reactjs - 如何在 React 构建中使用环境变量？

问题描述

在我的 React 应用程序中，我使用了一些会不时更改的环境变量。我注意到在运行“npm run build”之后，所有环境路径都被硬编码。例如 const server_address = process.env.REACT_APP_SERVER_ADDRESS; 变为 REACT_APP_SERVER_ADDRESS:"http://192.168.42.135:3000

有没有办法在构建后仍然在部署中使用环境变量？

标签： reactjsnpm

解决方案

直接解决，Javascript无法访问您正在执行它的操作系统的Env变量，一旦编译React并生成JS，就是这样，不再从Environment访问变量，在编译时也没有真正授予React访问权限，但是到在节点上运行的转译器或捆绑器（节点总是可以访问:-)）。但是这里有一些解决方案

  1. 调用时返回最新秘密的 API。
  2. 每当秘密发生变化时，套接字都会将新秘密推送到应用程序。

快乐的编码同志:-)

推荐阅读