CORS policy в ifame почему?

Question

[Елена]

Почему в ифрейме блокируется запрос? Разве это не тоже самое что и отдельная вкладка? Хотя вроде все разрешила iframe
https://codepen.io/Ponomareva1994/pen/jOzeeOw

Comments

[Lynn «Кофеман»]

Так ошибка бы и в отдельной вкладке

[Елена]

Lynn «Кофеман», нет

[AUser0]

Потому что обмен данными с чужим доменом нарушает безопасность.
Другими словами: сайт https://sentry.popmechanic.ru/ не разрешает обращаться к своим страницам с чужих для него доменов.

А на отдельной вкладке эту страницу браузер загрузит спокойно, потому что она будет загружаться НЕ со страницы чужого домена.

[Елена]

AUser0, Я через ифрейм добавляю сайт, домен самого сайта

[AUser0]

Елена, я вам русским языком пишу, чёрным по белому: домен чужой - доступ блокируется. Браузером, таков стандарт.

P.S. Да даже IP-адреса у этих сайтов sentry.popmechanic.ru и zdravcity.ru - разные!

[Елена]

AUser0, если бы еще внимательность включить, было бы круто. Если заходишь на zdravcity.ru, все работает нормально, если же zdravcity.ru добавляешь через iframe, то не работает.

[AUser0]

Елена, в этом и смысл. Сам сайт на отдельной вкладке должен и будет открываться. Но использовать его в iframe не получится, это нарушение стандарта безопасности, и оно блокируется браузером.

Answer 1

[Надим]

Источники разные. Браузеры так устроены, что один сайт может запросить данные у другого только если тот второй сайт явным образом это разрешит. Такое разрешение выдается при помощи установки специального заголовка Access-Control-Allow-Origin НА стороне целевого сайта, т. е. сайта откуда вы запрашиваете данные.

Справочные материалы:
https://learn.javascript.ru/fetch-crossorigin
https://habr.com/ru/company/macloud/blog/553826/

Comments

[Елена]

Вы не поняли. Я через ифрейм добавляю сайт. Соответственно домен самого сайта и по логике он не должен блокировать, но почему-то блокирует

[Надим]

Елена, в консоли в красных надписях я вижу 2 разных сайта, их адреса не совпадают.

[Елена]

Надим Закиров, тогда как получается, что когда заходишь на zdravcity.ru все работает, а когда его добавляешь через ифрейм, то перестает работать?

[Надим]

Елена, открыл демо, у меня нет красных ошибок, все работает.

[Надим]

Елена, дело вот в чем, на вивальди все работает без ошибок, а вот на хроме есть ошибки.

Причина ошибок - кривой SSL сертификат. Обновите сертификат и тогда на хроме тоже все заработает.

[Елена]

Надим Закиров, спасибо