如何訪問Heroku客戶端的環境端口？

Question

我正在尋找訪問客戶端的 Heroku 端口。

我的應用程序是一個部署了 node.js 服務器的 monorepo，它為客戶端提供 React 代碼。

node.js 服務器可以正常訪問process.env.PORT ，但是，我無法在我的反應代碼中訪問它。

我嘗試了一些解決方法：

1. 在運行時編寫一個.env文件（帶有端口）並從中讀取。 在本地工作，但不能在生產（Heroku）上工作，因為 Heroku 不允許您使用fs.writeFileSync
2. 寫入現有的空.env文件。 這似乎更合理，但我無法讓它發揮作用

我嘗試從這里查看解決方案： How to access $PORT environment variable in React App on Heroku但我的設置不同。 我不知道configure(...)是什么。 我想要的只是在客戶端訪問process.env.PORT 。

有什么簡單的方法可以做到這一點嗎？

Answer 1

在您的客戶端文件上

將所有http://localhost:port/更改為

https://yourAppName-app.herokuapp.com/

當您在 Heroku 上部署時，它將正常運行。 如果您想在本地工作，請將其改回。