我想在 React 应用程序的 Heroku 中设置 API 中的端口

Question

我正在同一台服务器上的 Heroku 上部署 Node 和 React 应用程序，我已经在 React 中使用 base URL 设置了我的 Axios，如下所示：

export default axios.create({
  baseURL: `http://localhost:5001/api`,
  withCredentials: true,
  headers: {
    "Content-type": "application/json",
  },
});

因为 Heroku 为我的 Node 应用程序创建了一个动态端口，所以无法发出请求。有什么方法可以读取 Heroku 生成的端口并将其用于我的 React 应用程序？

Answer 1

如果您的应用程序部署在 heroku 上，您为什么要尝试使用包含本地主机的 url 而不是 heroku 提供给您的应用程序的 url？

无论如何，我认为您可以通过 process.env.PORT

检索 heroku 使用的端口

我想在 React 应用程序的 Heroku 中设置 API 中的端口

I want to set the port in the API from Heroku in React app

port

heroku

node.js

reactjs