Safari - вкладка "Сеть" WebInspector - при попытке загрузить ресурс произошла ошибка

Question

Я вижу ошибку на изображении ниже в инструментах разработчика Safari (вкладка "Сеть") для XHR/Fetch. Тело ответа не видно. Всегда выдается красный текст "Произошла ошибка при загрузке ресурса". Сначала я думал, что devtool не будет поддерживать fetch в отличие от XHR. Но Safari 12 поддерживает это.

ОС: MacOS High Sierra Браузер: Safari 12 & Technology Preview 66

Это как-то связано с заголовками ответа? XSS или что-то еще? PS: то же самое тело ответа видно в Chrome Dev Tool.

Answer 1

On the right of the menu bar with preview there is response with an arrow next to it click on that and switch it to JSON Это должно делать свое дело.

Answer 2

Если вы не можете найти "справа от строки меню с предварительным просмотром есть ответ со стрелкой", вам сначала нужно уменьшить масштаб.

Answer 3

Сообщение об ошибке браузера описывает требования для успешного выполнения этого запроса.

Сервер должен предоставить доступ к запрошенному ресурсу вашему удаленному домену, отправив Access-Control-Allow-Origin заголовок ответа.

В Safari 12 выберите строку на вкладке сети. Ответ будет отображаться в основной области. Над ним будет несколько вкладок. Выберите вкладку "Заголовки" и посмотрите в части запроса отображаемых данных для получения некоторой информации о запросе. Подробнее о данных запроса смотрите в разделе "Данные запроса". Если применимо, там будет маленькая стрелка, которую вы можете нажать, чтобы увидеть полное содержание запроса.

Answer 4

Мир не готов к fetch(),

Чтобы решить эту проблему, я легко преобразовал из fetch() в axios,

• body стал data
• json расшифровывается автоматически
• credentials стал withCredentials

Я также добавил эту функцию, чтобы определить, был ли ответ ok:

function ok(resp) {
  return resp && resp.status && resp.status >= 200 && resp.status < 400
}

Это было все, что мне нужно было отрегулировать в моем случае.