Heroku环境变量在节点js中工作，但不能在React中工作

Heroku环境变量在Node.js中可以正常工作，但在React中无法直接使用。

首先，让我们了解一下Heroku。Heroku是一种流行的云计算平台，它提供了一个简单的方式来部署、管理和扩展应用程序。使用Heroku，开发人员可以将代码推送到平台上，而无需担心底层的服务器和基础架构。

在Node.js中，可以通过process.env对象来访问环境变量。当在Heroku上部署Node.js应用程序时，可以在Heroku的应用设置中配置环境变量。在Node.js代码中，可以使用process.env来访问这些环境变量。

例如，可以使用process.env.PORT来获取Heroku分配的端口号，用于监听HTTP请求。类似地，还可以设置其他自定义环境变量，例如数据库连接字符串、API密钥等。

但是，在React中无法直接使用Heroku环境变量。React是一个用于构建用户界面的JavaScript库，它运行在客户端浏览器中。由于React是在浏览器中运行的，它无法直接访问操作系统的环境变量。

为了在React应用程序中使用Heroku环境变量，可以通过在Node.js后端代码中将环境变量传递给React应用程序来实现。可以使用一些方法，例如将环境变量作为全局变量传递给React的window对象，或者将环境变量作为props传递给React组件。

另外，还可以考虑使用第三方库或工具来管理环境变量，例如dotenv、react-dotenv等。这些库可以帮助在React应用程序中加载环境变量，并使其在整个应用程序中可用。

总结起来，Heroku环境变量可以在Node.js中正常工作，但在React中需要通过将环境变量传递给前端应用程序来实现。在React中使用第三方库或工具可以更方便地加载和管理环境变量。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云云服务器：https://cloud.tencent.com/product/cvm
• 腾讯云云原生容器服务：https://cloud.tencent.com/product/tke
• 腾讯云人工智能平台：https://cloud.tencent.com/product/ai
• 腾讯云物联网套件：https://cloud.tencent.com/product/iot-suite
• 腾讯云移动开发平台：https://cloud.tencent.com/product/baas
• 腾讯云对象存储：https://cloud.tencent.com/product/cos
• 腾讯云区块链服务：https://cloud.tencent.com/product/tbaas
• 腾讯云游戏服务器引擎：https://cloud.tencent.com/product/gse