Comment activer l'en-tête 'Access-Control-Allow-Origin' pour tous les fichiers d'un répertoire XAMPP?
Je développe une application Javascript HTML5 pour obtenir une image de mon serveur local qui s'exécute sur le même ordinateur que l'application. Lorsque je lance l'application sur mon Chrome, j'ai:
L'accès à l'image à l'emplacement ' http: //localhost/someDIrectory/1.jpg ' à partir de l'origine ' http: // localhost: 500 ' a été bloqué par la stratégie CORS: Non L'en-tête 'Access-Control-Allow-Origin' est présent sur la ressource demandée. Origin ' http: // localhost: 500 ' n'est donc pas autorisé à accéder.
De nombreuses questions ici, les réponses soulignent que je dois définir
en-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 également rencontré comment puis-je activer le partage de ressources d'origine croisée sur 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 essayé de nouveau. Mais le résultat que j'ai obtenu est toujours le même.
Comment configurer correctement un tel paramètre pour XAMPP?
Remarque: J'utilise Construct 2, qui est essentiellement exporté au format HTML5/Javascript. J'utilise simplement l'action Sprite Load From URL.
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/"