1

Здравствуйте, возникла проблема с получением данных по api.
Делаю запрос (убрал все лишнее для удобства):

try {
    fetch(API_SERVER)
      .then(response => {
        if (response.ok) {
          return response.json()
            .then(products => {
              console.log(products)
            })
        } else {
          console.log(new Error(response.status));
        }
      });
  } catch (err) {
    alert(err);
  }

И получаю ошибку:

Failed to load https://apiName: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:3000' is therefore not allowed access. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.
localhost/:1 Uncaught (in promise) TypeError: Failed to fetch

Если делаю fetch(API_SERVER, {mode: 'no-cors'}), то вообще не понимаю, что происходит. console.log(new Error(response.status)); в консоль выводит Error: 0

Сначала думал, что дело в localhost, но при загрузке на хостинг ошибка та же. Скачал расширение для Chrome Allow-control-allow-origin *, при включенном расширении при mode: 'cors' ошибки никакой нет.

Подскажите, пожалуйста, в чем проблема может быть и как ее решить?

1 ответ 1

0

Ошибка заключается в том что API которая Вам должна ответить, не добавляет в заголовок: Access-Control-Allow-Origin, следственно безопасность браузера не позволит Вам принять данный запрос.

API которая должна Вам ответить должна иметь настроенный CORS.

4
  • Хм.. А как эту проблему тогда решает расширение Allow-control-allow-origin * ? Commented 19 апр. 2018 в 10:55
  • 1
    Видимо отключает безопасность браузера. Попробуйте через POSTMAN, там тоже у Вас ошибки не будет т.к. там нет компонентов безопасности браузера. Что за API Вы используете ?
    – Сruel Man
    Commented 19 апр. 2018 в 11:03
  • Спасибо, посмотрю что за POSTMAN. API дали для тестового задания. Наверно попробую у них узнать как получить данные... Commented 19 апр. 2018 в 11:55
  • 1
    POSTMAN это просто программа для разработчиков API, позволяет дернуть URL и получить ответ, задать параметры запроса и т.д. Это проблема на стороне API. Вот возможно этот вопрос, прольёт немного света на Вашу проблему. ru.stackoverflow.com/questions/520923/…
    – Сruel Man
    Commented 19 апр. 2018 в 12:01

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.