Получение «Не удалось загрузить ресурс: net :: ERR_CONNECTION_REFUSED» после загрузки приложения React / Node / Express в Heroku

Question

Как следует из заголовка, я получаю ошибку "Не удалось загрузить ресурс: net :: ERR_CONNECTION_REFUSED" для моего веб-сайта.

Также «TypeError: Failed to fetch» ​​и «Unchecked runtime.lastError: Порт сообщения закрыт до получения ответа».в журнале консоли по какой-то причине.

Кроме того, в журнале сборки на Heroku также указано «NPM_CONFIG_LOGLEVEL = error».

Насколько я понимаю, это происходит, когда порт неничего не слушаю.Но я не уверен, как или почему это так.

Я пытался переключаться между портами (меняя его с порта 5000 на 3000 и т. Д.), Используя process.env.NODE и вместоenv.PORT.Без изменений.

Все это основано на этом учебном пособии для новостной ленты 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 не ваш локальный хост, как он узнает, какой локальный хост?