Jak włączyć nagłówek "Access-Control-Allow-Origin" dla wszystkich plików w katalogu XAMPP?

Question

Pracuję nad aplikacją JavaScript HTML5, aby uzyskać obraz z mojego lokalnego serwera, który działa na tym samym komputerze co aplikacja. Kiedy uruchomić aplikację na moim Chrome, mam:

dostęp do obrazu w „http://localhost/someDIrectory/1.jpg” z pochodzenia „http://localhost:50000” został zablokowany przez politykę Cors: nagłówek Nie „Access-Control-allow-pochodzenia” jest obecny na żądanym zasobie . Pochodzenie "http://localhost:50000" jest zatem niedozwolone pod warunkiem dostępu .

Od wielu pytań tutaj odpowiedzi wskazują, że muszę ustawić

nagłówek ("Access-Control-Allow-Origin: *");

w pliku php i powinno działać, ale to dotyczy plików php ... A co z obrazem lub katalogiem z obrazami?

Mam również natknąłem How do I enable cross-origin resource sharing on XAMPP? i starał się dodać

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

w httpd.conf. Próbowałem zrestartować XAMPP i ponowiłem powyższe. Ale wynik, jaki otrzymałem, jest wciąż taki sam.

Jak poprawnie ustawić takie ustawienie dla XAMPP?

Uwaga: Używam Construct 2, który jest w zasadzie wyeksportowany jako HTML5/Javascript. Używam po prostu akcji Sprite Load From URL.

Answer 1

Utwórz plik o nazwie ".htaccess" w katalogu plików i dodaj do pliku następujące elementy.

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