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

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

Доступ к изображению по адресу 'http://localhost/someDIrectory/1.jpg' из источника 'http://localhost:50000' заблокирован политикой CORS: заголовок "Access-Control-Allow-Origin" отсутствует на запрашиваемый ресурс. Таким образом, доступ к источнику 'http://localhost:50000' запрещен.

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

header("Access-Control-Allow-Origin: *");

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

Я также наткнулся на Как включить кросс-происхождение совместное использование ресурсов в XAMPP? и попытался добавить

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

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

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

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


xampp cors apache cross-domain construct-2
person Karl    schedule 18.01.2017    source источник
comment
<IfModule C:\xampp\htdocs\someDIrectory\1.jpg> не имеет никакого смысла. Почитайте описание этой директивы в руководстве.   -  person CBroe    schedule 18.01.2017

Ответы (2)


arrow_upward
35
arrow_downward

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

Header set Access-Control-Allow-Origin "http://localhost:50000/"
person neville    schedule 19.01.2017
comment
Файл .htaccess, помещенный в корень документа. это будет C:\xampp\htdocs\ - person Tomáš Tibenský; 10.05.2018
comment
Вам нужно включить mod_headers и перезапустить apache, если кто-то пропустит это. enable-cors.org/server_apache.html - person Satys; 24.11.2018
comment
@TomášTibenský TomášTibenský Я пытался добавить упомянутое выше в appache httpd.conf и .htaccess, но я все еще получаю сообщение «Доступ к XMLHttpRequest заблокирован из-за ошибки политики CORS». В моем случае у меня есть угловой сервер приложений через Appache htdocs, и это приложение вызывает другое приложение Rest для получения данных. Пожалуйста помоги мне с этим! - person theburningfire; 20.05.2020
comment
В моем случае мне нужно было добавить две директивы в файл xampp\apache\conf\httpd.conf Header Set Access-Control-Allow-Origin * Header Set Access-Control-Allow-Headers *, после чего все заработало. - person regenbar; 16.02.2021

arrow_upward
4
arrow_downward

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

Header set Access-Control-Allow-Origin *

Ваше здоровье,

person Ashadi Sedana Pratama    schedule 30.04.2020
comment
Важное примечание, чтобы избежать разочарования: это сработало, и вам может потребоваться выполнить аппаратное обновление. - person evilReiko; 20.04.2021