0

При получении данных через fetch локально с браузера выдает ошибку blocked by CORS policy, сам запрос такой

fetch('апи', {
        headers: {
            'X-AUTH-TOKEN': 'ключ',
            'Content-Type': 'application/json',
            'Authorization': 'application/json'
        }
    }).then(response => console.log(response))

при запросе через postman все работает, при запросе через retrofit в приложении на андроид тоже все работает, почему браузер ругается на cors?

2
  • Можно конечно попробовать добавить mode : 'cors'. Но не уверен, что поможет. 4 апр 2021 в 12:37
  • не помогает к сожалению 4 апр 2021 в 12:40

1 ответ 1

1

В браузерах работает политика CORS - механизм, когда браузер отправляет дополнительный запрос серверу, с "вопросом" можно ли выполнить ваш изначально задуманный запрос.
Ваша проблема в том, что сервер не разрешает данные заголовки, по этому надо настроить именно сервер. Реализацию не подскажу, все зависит от того на чем он написан, но в целом можно ориентироваться на https://developer.mozilla.org/ru/docs/Web/HTTP/Headers/Access-Control-Allow-Headers

3
  • через postman (прога для проверки рест апи) все работает, также в приложении андроид все работает через retrofit 4 апр 2021 в 14:30
  • cors - чисто браузерная особенность. В целях безопасности браузер не дает отправить запрос на сервер с другим URL, пока сервер не даст согласие
    – Ula La
    4 апр 2021 в 17:31
  • да, уже понял что именно браузер блокирует 5 апр 2021 в 7:55

Ваш ответ

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

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