Как правильно использовать fetch чтобы получить правильный json?

Question

[Evgeny Kolman]

добрый день.

Возникла такая вот ситуация.

Я обращаюсь по поему эндпоинту(rest) чтобы получить список моих данных.

Вот мой код на клиенте, который выполняет получения данных


Когда делаю запрос, то в консоле браузера ничего не пишется, а в Network статус 200 и полученный ответ с сервера.

Вывожу в консоль "полученные" данные и получаю пустой массив объектов



Если же в then буду получать res.json() то получаю такую вот ошибку



Здесь я понимаю, что в fetch мы должны обработать пустой респонс?

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

Заранее огромное спасибо!

Comments

[Kovalsky]

Странный заход. Да, в ответ приходит пустая строка; да, JSON.parse будет ругаться на пустую строку. Раз вы всё это знаете, то в чем конкретно у вас сложность? Смотрите пустой ли ответ или нет, и если не пустой, то выполняете JSON.parse

Answer 1

[hzzzzl]

эт самое,

You need to remove the mode: 'no-cors' setting from your request. That mode: 'no-cors' is exactly the cause of the problem you’re having.

A mode: 'no-cors' request makes the response type opaque. The console-log snippet in the question clearly shows that. And opaque means your frontend JavaScript code can’t see the response body or headers.

https://stackoverflow.com/a/43319482

fetch('http://....')
  .then(res => res.json())
  .then(res => {
    this.setState({loaded: true, items: res.items})
  })
  .catch(err => {
    console.log('OH SHIT:', err)
    this.setState({loadError: true})
  })