Проблема с CORS policy: No 'Access-Control-Allow-Origin', при загрузке изображений?

Question

[Roma Ishutin]

Есть JS скрипт который подгружает фото на сайт, если подгружать фото из того же домена , то все ОК, если же из другого домена возникают проблемы именно с фото. В файле .htaccess прописал:
Header set Access-Control-Allow-Origin "*"
, также вместо "*" писал домен сайта, но не сработало.
На фото видно что файлы XML подгружаются нормально, а вот с фото какие-то проблемы. Спасибо за Помощь !)

Comments

[n1ksON]

CORS должен быть включен у сервера, с которого пытаетесь загрузить изображения

[Roma Ishutin]

n1ksON, файл .htaccess с конфигурациями находится на домене с которого я хочу получить изображения

[Red_Devi1]

Roma Ishutin, Посмотрите наличие файлов .htaccess по пути в директорию с изображениями, в случае их наличия в подкаталогах указанные в них правила будут приоритетнее правил из файла в директория выше

[Roma Ishutin]

Red_Devi1, все проверил, лежит только оlин файл .htaccess. Начинает работать только если в Хроме включить расширение CORS Unblock )

Answer 1

[Надим]

Судя по всему у вас на сайте используется ленивая загрузка изображений - иначе не могу объяснить почему у вас картинки грузятся через XHR. Попробуйте отключить ленивую загрузку изображений, должно помочь. Либо добавьте разрешающие заголовки на стороне сервера с которого отдаются картинки, если конечно сервер ваш.

Comments

[Roma Ishutin]

Какие именно заголовки не подскажете ? С ленивой загрузкой не все так просто к сожалению

[Надим]

Roma Ishutin, вы должны отдавать заголовок Access-Control-Allow-Origin "*" на стороне сайта на котором хранятся картинки. Не на своем сайте, а на сайте где непосредственно лежат картинки.

[Roma Ishutin]

Надим Закиров, я это прекрасно понимаю )

[Надим]

Roma Ishutin, скиньте ссылку на любую из ваших картинок. Завтра посмотрю заголовки и скажу что с ними не так.

[Roma Ishutin]

Надим Закиров, Спасибо, буду очень благодарен если поможете!!!
https://item.chairman.com.ua/test/images/a_0_11_85...

[Надим]

Roma Ishutin, среди заголовков с которыми ваш сервер отдает картинку отсутствует заголовок Access-Control-Allow-Origin, не знаю что вы там пытались делать, но по факту вы ничего не сделали:

Откройте файл .htaccess на том сайте, где хранятся картинки и добавьте с конца такой блок:

<FilesMatch "\.(jpeg|jpg|png|gif|swg|bmp)$">
	Header set Access-Control-Allow-Origin: "https://yousite.ru"
	Header set Access-Control-Allow-Methods: "POST, GET, OPTIONS"
	Header set Access-Control-Allow-Headers: "Content-Type"
	Header set Vary: "Origin"
</FilesMatch>

Форматы файлов можете дополнять + укажите сайт которому разрешайте скачивать файлы с этим форматом.

[Roma Ishutin]

Надим Закиров, В том то и проблема, почему-то для изображений все что я прописываю не применяется, а для файла XML все работает. Вставил тот код что вы сбросили, плюс дополнил "|xml"

[Надим]

Roma Ishutin, покажите полное содержимое .htaccess

P. S. По ощущениям похоже будто у вас где-то включено кеширование картинок. Либо ваши картинки выдаются не напрямую, а через php-роутер движка. ХЗ.

[Roma Ishutin]

Надим Закиров,

<FilesMatch "\.(jpeg|jpg|png|gif|swg|bmp|xml)$">
  Header set Access-Control-Allow-Origin: "https://tilda.yh-web.space"
  Header set Access-Control-Allow-Methods: "POST, GET, OPTIONS"
  Header set Access-Control-Allow-Headers: "Content-Type"
  Header set Vary: "Origin"
</FilesMatch>

Как проверить кеширование картинок ?

[Надим]

Roma Ishutin, по кеширрванию ничего не скажу, тут все зависит от движка и хостинга. Как вариант, попробуйте написать в тех. поддержку своего хостера с жалобой, что правило .htaccess не добавляет нужные заголовки к картинкам, а ко всему остальному добавляет. Если хостер нормальный, помогут.

[Roma Ishutin]

Надим Закиров, Спасибо за помощь, если что-то узнаю отпишу )

[Roma Ishutin]

Надим Закиров, Еще раз спасибо, проблема оказалась в кешировании картинок на хостинге, через хостинг все решил