ошибка при выполнении запроса GET "Не удалось загрузить ресурс: net :: ERR_CONNECTION_REFUSED"

Question

Очень плохо знаком с этим, но я пытаюсь протестировать небольшое приложение, которое выполняет GET-запрос к конечной точке экспресса на сервере localhost http://localhost:3000/golfpool-standings и использует возвращенный JSON для отображения данных в HTML-таблице, но когдаЯ пытаюсь использовать в сценарии, мне не удалось загрузить ресурс: net :: ERR_CONNECTION_REFUSED. Я тестирую на live-сервере http://127.0.0.1:5500/golfApp/index.html. Я столкнулся с этим даже после того, как посмотрел похожие ответы здесь.Любая помощь приветствуется.Мой первый вопрос, так что будьте осторожны, пожалуйста.

Я могу получить доступ к конечной точке http://localhost:3000/golfpool-standings из браузера Chrome, и возвращенный JSON отображается на экране, поэтому кажется, что бэкэнд работает.https://github.com/paulcullen79/golfApp

// index.js
    const data = $.getJSON("http://localhost:3000/golfpool- 
    standings")

// server.js
    const express = require('express')  
    const app = express()

app.get('/golfpool-standings', (req, res) => {
    res.send(data)
})

const port = process.env.port || 3000
app.listen(port, () => console.log(`Listening on port ${port}...`))

Answer 1

В этой строке $.getJSON("http://localhost:3000/golfpool-standings") запрашивает ресурс json, но ваш сервер не обслуживает json.

Из jQuery документов:

Начиная с jQuery 1.4, если файл JSON содержит синтаксическую ошибку, запрос обычно завершается с ошибкой.

Измените код своего сервера:

app.get('/golfpool-standings', (req, res) => {
  // send data as json
  res.json(data)
})

Или измените ваш запрос на $.get("http://localhost:3000/golfpool-standings")