对我来说，问题在于资本化。你知道，在数小时的编码之后，你的眼睛会错过一些小细节。

在我的代码中，我使用process.env.port而不是process.env。PORT，所以要注意，PORT环境变量必须是大写的。

请看下面的例子:

const PORT = process.env.PORT || 3000;
const HOST = process.env.HOST || '0.0.0.0';

const express = require('express');
const app = express();

app.listen(PORT, HOST, () => {
      console.log('Server started on ' + HOST + ':' + PORT);
})

我浪费了一整天的时间思考后台有问题。在经历了这里所有的解决方案和彻底的日志检查后，意识到这是前端反应App.js有问题。

我换了每个

Axios.post(`${process.env.REACT_APP_BASE_URL}/createOrder`, {

})

to

Axios.post(`/createOrder`, {

})

它成功了!

显然，react文件与heroku部署无关!

使用process.env.PORT || 3000作为端口。

这将在可用时使用Heroku的端口，如果不可用则使用端口3000(例如，本地测试)

您可以将3000更改为您想要的任何值，例如8080

在开发应用程序时，我们需要以以下方式定义PORT:

const port = process.env.PORT || 4000; // PORT must be in caps

在将应用程序部署到服务器时，添加以下方法:

app.listen(port, () => {
 console.info("Server started listening.");
});

我们可以在本地运行主机名时将主机名作为第二个参数传递。但是在将其部署到服务器时，应该删除主机名参数。

app.listen(port, hostName, () => {
  console.info(`Server listening at http://${hostName}:${port}`);
});

在我的例子中，我使用Babel plugin-transform-inline-environment-variables插件。显然，Heroku在进行部署时没有设置PORT env变量，因此process.env.PORT将被undefined取代，并且您的代码将回退到Heroku不知道的开发端口。

当Heroku在服务器上绑定端口或主机名失败时发生错误。监听(port， [host]， [backlog]， [callback])。

Heroku需要的是.listen(process.env. port)或.listen(process.env. port)。港口,“0.0.0.0”)

所以更一般地，为了支持其他环境，使用这个:

var server_port = process.env.YOUR_PORT || process.env.PORT || 80;
var server_host = process.env.YOUR_HOST || '0.0.0.0';
server.listen(server_port, server_host, function() {
    console.log('Listening on port %d', server_port);
});