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

Справа от строки меню с предварительным просмотром есть response со стрелкой рядом с ней, нажмите на нее и переключите ее на JSON, что должно сработать.

Answer 2

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

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

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

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

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

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

Answer 3

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

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

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