Comment activer l'en-tête 'Access-Control-Allow-Origin' pour tous les fichiers d'un répertoire de XAMPP?

Question

Je développe une application Javascript HTML5 pour obtenir une image de mon serveur local qui fonctionne sur la même machine que l'application. Quand je lance l'application sur mon Chrome, je suis arrivé:

Accès à l'image à 'http://localhost/someDIrectory/1.jpg' d'origine 'http://localhost:50000' a été bloqué par la politique CORS: Non 'Access-Control-Allow-Origin' en-tête est présent sur la ressource demandée. L'origine 'http://localhost:50000' n'est donc pas autorisée accès. De nombreuses questions ici

, les réponses soulignent que je dois mettre

tête ("Access-Control-Allow-Origin: *");

dans le fichier php et cela devrait fonctionner, mais c'est pour les fichiers php ... Qu'en est-il d'une image ou d'un répertoire avec des images?

J'ai aussi tombé sur How do I enable cross-origin resource sharing on XAMPP? et essayé d'ajouter

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

dans httpd.conf. J'ai essayé de redémarrer XAMPP et j'ai réessayé ce qui précède. Mais le résultat que j'ai obtenu est toujours le même.

Comment configurer correctement un tel paramètre pour XAMPP?

Note: J'utilise Construct 2 qui est essentiellement exporté en HTML5/Javascript. J'utilise simplement l'action Sprite Load From URL.

Answer 1

Créez un fichier appelé ".htaccess" dans le répertoire de vos fichiers et ajoutez ce qui suit au fichier.

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