为什么 React 似乎无法识别 Heroku 的 PORT 环境变量?

Why does React not seem to recognize Heroku's PORT env variable?

我正在尝试使用 Django 后端部署前端 React 应用程序。我能够为 Django 后端获得 Heroku 的 PORT 环境变量,但无论我做什么或尝试,process.env.PORT 一直返回未定义。我尝试添加一个以 REACT_APP 开头的临时变量,它只读取 procfile 中的 PORT 变量。环境文件将无法工作,因为 PORT 变量是动态分配的。

我发现的每个资源都说要尝试 .env 文件或导出变量,但正如我所说,这是不现实的,因为 Heroku 会动态分配端口。有什么想法吗?

环境变量在客户端中不可用。这是用户浏览器中的 运行,而不是服务器。就此而言,服务器上也没有节点进程 运行。鉴于您使用的是 NGINX buildpack,Django 应用程序可能完全在不同的测功机中,您不需要知道它绑定到哪个端口。 - @jonrsharpe

在Heroku部署环境中,项目应该面向前端通过特定的url配置向后端发出请求,而不是通过不同的端口调用。