Pourquoi « Origin null n'est pas autorisé par Access-Control-Allow-Origin » se produit-il lors du chargement de fichiers locaux et comment peut-il être résolu ?

Blocage des requêtes d'origine croisée : comprendre l'erreur « L'origine nulle n'est pas autorisée par Access-Control-Allow-Origin »

Lors de la tentative pour charger des ressources externes sur différentes origines, comme le chargement d'une sortie HTML générée à partir d'une feuille de style XSL, une erreur courante qui se produit est "Origin null n'est pas autorisé par Contrôle d'accès-Autoriser-Origine." Cette erreur provient de la politique de même origine (SOP) mise en œuvre par les navigateurs Web, qui restreint les interactions d'origine croisée pour empêcher les attaques malveillantes.

Dans le scénario donné, la page HTML qui initie le chargement de la ressource (la sortie HTML à partir du fichier Weather.xsl) est chargé via une URL de fichier local (par exemple, "file:///"). La plupart des navigateurs appliquent le SOP aux fichiers locaux, interdisant le chargement de ressources même à partir du même répertoire que le document. En effet, l'origine d'un fichier chargé localement est considérée comme « nulle », ce qui n'est pas inclus dans l'en-tête Access-Control-Allow-Origin du serveur qui dessert la ressource.

Pour résoudre ce problème et chargez la sortie HTML dans un div à l'aide de jQuery, il existe deux approches potentielles :

1. Installer un serveur Web : Au lieu de charger la page HTML localement, il peut être servi via un serveur Web avec une URL HTTP (par exemple, "http://localhost/weather.html"). Cela permet au serveur Web de configurer les en-têtes nécessaires, tels que Access-Control-Allow-Origin, pour permettre le chargement de la ressource depuis une origine différente.
2. Utiliser une extension de navigateur : Il existe certaines extensions de navigateur qui peuvent modifier le SOP et permettre le chargement de ressources d'origine croisée à partir de fichiers locaux. Cependant, il est important d'être prudent quant aux implications en matière de sécurité liées à l'utilisation de telles extensions.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!