我会建议你很好地阅读日志，以便轻松排除故障。 如果你引用一个PORT作为环境变量(env)，请确保它是PORT而不是PORT，因为heroku会在你部署应用程序时自动分配一个PORT号。process.env.PORT不是process.env.PORT

在所有我尝试过的解决方案中，没有人能像预期的那样工作，我研究了heroku默认情况下的。env文件应该保持约定的端口，进程。env。PORT, heroku默认情况下会寻找关键字PORT。

取消任何重命名，例如APP_PORT=，而是在env文件中使用PORT=。

在开发应用程序时，我们需要以以下方式定义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}`);
});

Heroku动态地为你的应用程序分配端口，所以你不能将端口设置为一个固定的数字。Heroku将端口添加到env，所以你可以从那里拉它。让我们来听听这个:

.listen(process.env.PORT || 5000)

这样，当你在本地测试时，它仍然会监听端口5000，但它也可以在Heroku上工作。重要提示- PORT字必须大写。

你可以在这里查看Node.js上的Heroku文档。

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

我换了每个

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

})

to

Axios.post(`/createOrder`, {

})

它成功了!

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

从heroku bash进程中，使用选项解析器(如yargs)将$PORT的值传递给节点应用程序。

下面是一个示例，说明如何做到这一点。在脚本对象上，在包内。添加一个启动方法"node server——port $ port "。

在你的服务器文件中，使用yargs从start方法的port选项(——port $ port)中获取值:

const argv = require('yargs').argv;
const app = require('express')();

const port = argv.port || 8081;

app.listen(argv.port, ()=>{
    console.log('Probably listening to heroku $PORT now ', argv.port); // unless $PORT is undefined, in which case you're listening to 8081.
});

现在当你的应用程序启动时，它将绑定到动态设置的值$PORT。