@didrux

Как устранить CORS ошибку в fetch?

async function getIcalData() {
            return await fetch('https://harzdomicile.de/wp-content/uploads/wpfewo-booking/ical/63301.ical');
        }
        
        getIcalData().then(promise => promise.text()).then(response => this.vacancyCalendar.setAttribute('reservations', new CalendarReservations(response).convertJsonReservationsToString()));


Получаю вот такую ошибку:

Access to fetch at 'https://harzdomicile.de/wp-content/uploads/wpfewo-...' from origin 'localhost:63342' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

Как решить? При открывании ссылки из браузера - всё прекрасно работает. (с промисами сталкиваюсь впервые)
  • Вопрос задан
  • 332 просмотра
Решения вопроса 2
AlexNest
@AlexNest
Работаю с Python/Django
0.Почитать, что такое CORS и почему возникает ошибка.
1.Если сервер ваш - настроить поведение CORS (например в htaccess).
2.Если не ваш - добавить домен в кабинете (данная функция есть далеко не везде. А если и есть, то не факт, что возможно добавить локалхост)
3.Если указанное выше невозможно - делать запросы через бекенд
Ответ написан
Комментировать
@nonconformiste
тут дело не в промисах, если запрашиваемый сервер не твой то выход тут один, залить на vps свой сервер для обхода cors, например этот, пересылать запросы через него. заранее скажу что лучше сразу позаботится на нем о ssl, так как chrome может ругатся на микшированный контент.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы