Почему я получаю странный ответ на фронте от API?

Question

[lebedev112]

Делаю небольшое приложение с React на фронте и Node (Express) на бэкэ.

Проблема: посылаю GET/POST запрос на бэк. Результат совершенно отличается, если использовать Postman. При GET запросе возвращает какую-то статистику, а не реальные данные, которые пришли с сервера
Куда копать? В чем проблема? Даже не знаю, как загуглить это.

Код на фронте (по кнопку делается GET запрос, приложение запущено на порту http://localhost:3000)

const App = () => {

  const sendRequest = async () => {
    const res = await fetch('/api/sendrequest')
    console.log(res)
  }

  return (
    <div className="App">
      <button onClick={sendRequest}>Send</button>
    </div>
  );
}

Предварительно на фронте все запросы проксирую на локальный сервер localhost:5000
(указываю настройки proxy в package.json)
"proxy": "http://localhost:5000"

Код на бэкэ (уже подключенный корректно роут, при посылании запроса консоль явно регестрирует запрос, о чем печатает в консоле)

router.get('/', async (req, res) => {
    try {
        console.log('[GET]')
        return res.status(200).send('All done!')
    } catch(e) {
        console.log('Server Error: ', e.message || e)
        return res.status(500).json({message: 'Server Error'})
    }
})

Результат кода при использовании Postman


Результат на фронте:


В чем беда? Что я делаю не так?

Comments

[Somewhere Intech]

и тут боди и там боди.. сложность очень низкая у вопроса

[McBernar]

Отправьте запрос на localhost:5000/api/sendrequest напрямую, а не через прокси.

[lebedev112]

McBernar, уже пытался до вашего ответа, не получилось.

[aidarDev]

const sendRequest = async () => {
    const res = await fetch('/api/sendrequest')
    const data = await res.json();
    console.log(data);
  }

[lebedev112]

aidarDev, тоже, не получается, к сожалению.

Answer 1

[lebedev112]

Проблему решил, в коде на Node.js нужно было именно посылать JSON
Вместо

res.status(201).send('All done!')
нужно
res.status(201).json('All done!')

А так же распарсить полученный JSON на фронте

const res = await fetch('/api/sendrequest')
const data = await res.json()
console.log(data))

За наводку благодарю Алексея Яркова.

Answer 2

[Алексей Ярков]

А если console.log(await res.json())?

Comments

[lebedev112]

Не получается, к сожалению.

[Алексей Ярков]

lebedev112, блин )) Ну так не JSON отдаётся с бэкенда значит. Пробуй res.text()

[lebedev112]

Алексей Ярков, спасибо, помогли.

[Алексей Ярков]

lebedev112, пожалуйста )

Answer 3

[aidarDev]

const sendRequest = async () => {
    const res = await fetch('/api/sendrequest')
    const data = await res.json();
    console.log(data);
  }