Как включить заголовок «Access-Control-Allow-Origin» для всех файлов в каталоге XAMPP?

Question

Я разрабатываю приложение HTML5 Javascript, чтобы получить изображение с моего локального сервера, который работает на том же компьютере, что и приложение. Когда я запустить приложение на моем Chrome, я получил:

Доступа к изображению в 'http://localhost/someDIrectory/1.jpg' от происхождения 'http://localhost:50000' заблокирован политикой CORS: заголовок Нет 'Access-Control-Allow-Origin' присутствует на запрошенном ресурсе . Origin 'http://localhost:50000' поэтому не разрешено доступ.

Из многих вопросов здесь, ответы указывают на то, что мне нужно установить

заголовок ("Access-Control-Allow-Origin: *");

в php-файле, и он должен работать, но это для файлов php ... Как насчет изображения или каталога с изображениями?

Я также наткнулся на How do I enable cross-origin resource sharing on XAMPP? и попытался добавить

<IfModule C:\xampp\htdocs\someDIrectory\1.jpg> 
    Header set Access-Control-Allow-Origin: * 
</IfModule> 

в httpd.conf. Я попробовал перезапустить XAMPP и повторил выше. Но результат, который я получил, все тот же.

Как правильно настроить такую ​​настройку для XAMPP?

Примечание: Я использую конструкцию 2, которая в основном экспортируется как HTML5/Javascript. Я просто использую действие Sprite Load From URL.

Answer 1

Создайте файл под названием «.htaccess» в каталоге ваших файлов и добавьте в файл следующее.

Header set Access-Control-Allow-Origin "http://localhost:50000/"