Maison > interface Web > js tutoriel > Pourquoi est-ce que j'obtiens une erreur CORS lors du chargement de fichiers HTML locaux dans mon navigateur ?

Pourquoi est-ce que j'obtiens une erreur CORS lors du chargement de fichiers HTML locaux dans mon navigateur ?

Mary-Kate Olsen
Libérer: 2024-12-13 17:44:12
original
729 Les gens l'ont consulté

Why Do I Get a CORS Error When Loading Local HTML Files in My Browser?

Chargement des ressources locales en HTML : erreur CORS

Lors du chargement de fichiers HTML locaux, vous pouvez rencontrer l'erreur « L'origine null n'est pas autorisée par Contrôle d'accès-Autoriser-Origine." Cela est dû à la politique de même origine (SOP) mise en œuvre dans la plupart des navigateurs.

La SOP restreint l'accès d'origine croisée pour protéger les données et la confidentialité des utilisateurs. Dans ce cas, le système de fichiers local est considéré comme une « origine » distincte du navigateur et le chargement direct de fichiers à partir de celui-ci est interdit.

Cause de l'erreur

Dans le code fourni, vous essayez de charger le fichier "weather.xsl" dans un fichier

en utilisant la méthode load() de jQuery. Cependant, comme "weather.xsl" est un fichier local, la SOP empêche le navigateur d'y accéder.

Solution

Malheureusement, chargement direct des ressources locales via AJAX les demandes ne sont pas autorisées en raison des SOP. Envisagez plutôt les solutions suivantes :

  • Installez un serveur Web local : Installez un serveur Web comme Apache ou Nginx et hébergez le fichier HTML sur un serveur local. Cela vous donnera une URL pour accéder au fichier via HTTP, et la SOP ne s'appliquera pas.
  • Utilisez une extension Chrome : Il existe des extensions Chrome telles que "Autoriser CORS : contrôle d'accès- Allow-Origin" qui peut désactiver temporairement le SOP pour les fichiers locaux, vous permettant de charger la sortie HTML dans le fichier
    .
  • Utiliser un fichier de données URI : Convertissez la sortie HTML de "weather.xsl" en un URI de données et intégrez-la directement dans la page HTML. Cela évite de charger le fichier à partir d'une origine différente.

Remarque :

Il est important de se rappeler que ces solutions de contournement peuvent ne pas convenir à tous les scénarios et doivent être utilisé uniquement à des fins de test. Pour les environnements de production, le déploiement de fichiers sur un serveur Web est l'approche recommandée.

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!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal