node.js - 将 React/Node/Express 应用程序上传到 Heroku 后获取 "Failed to load resource: net::ERR_CONNECTION_REFUSED"

Question

如标题所述，我的网站收到“加载资源失败:net::ERR_CONNECTION_REFUSED”错误。

还有“TypeError:获取失败”和“未经检查的 runtime.lastError:消息端口在收到响应之前关闭。”由于某种原因在控制台日志中。

此外，在 Heroku 的构建日志中，它也显示“NPM_CONFIG_LOGLEVEL=error”。

据我了解，当端口未监听任何内容时会发生这种情况。但我不确定这是怎么回事或为什么会这样。

我尝试使用 process.env.NODE 而不是 env.PORT 来切换端口(将端口从 5000 更改为 3000 等)。没有变化。

全部基于此 Pusher 新闻提要应用教程。这是我为 server.js 类编写的一些代码(假设这就是我所需要的)。

app.get('/live', (req, res) => {
    const topic = 'ipo';
    fetchNews(topic, 1)
        .then(response => {
            res.json(response.articles);
            updateFeed(topic);
        })
        .catch(error => console.log(error));
});

app.set('port', process.env.PORT || 5000);
const server = app.listen(app.get('port'), () => {
    console.log('Express running -> PORT ${server.address().port}');
});

还有一小部分我的app.js代码

componentDidMount() {
    fetch('http://localhost:5000/live')
      .then(response => response.json())
      .then(articles => {
        this.setState({
          newsItems: [...this.state.newsItems, ...articles],
        });
      }).catch(error => console.log(error));

我不确定到底发生了什么。

Answer 1

问题在于您获取 http://localhost:5000/live 的方式，而 Heroku 不是您的本地主机，它怎么知道本地主机是什么？