Problème
Les événements d'erreur JavaScript (JS) sont compilés sur la page d'erreurs JS. Par défaut, ils sont regroupés par message d'erreur. Lorsque vous sélectionnez un seul événement d’erreur, vous verrez plus de détails dans sa liste Error Instances . Dans certains cas, une ou plusieurs instances peuvent ne pas avoir de trace d'appels.
Solution
Tout d’abord, voyez si vous êtes en mesure de reproduire l’erreur sur votre site et, si c’est le cas, vérifiez qu’il affiche une trace d’appels sur votre console de développement ou votre inspecteur Web lorsqu’il est ouvert avant que l’erreur ne se produise.
L'activation du partage des ressources entre origines croisées (CORS) peut éliminer ce problème, exposer tous les détails de l'erreur JS à votre application et permettre à la trace d'appels de l'erreur d'être capturée par l'agent du navigateur.
Il existe de nombreuses ressources en ligne qui fournissent des informations sur l'activation et les paramètres de CORS. Cet article MDN contient une description détaillée de CORS, avec une section sur la configuration des en-têtes de réponse et une autre sur l'attribut des paramètres CORS. Le site Web Enable CORS contient des informations sur la façon d'activer CORS pour différentes plates-formes.\ New Relic is not responsible for the accuracy of third-party websites.
Prudence
Ce document est uniquement destiné à servir d'introduction générale à l'utilisation de CORS. En raison d'éventuels problèmes de sécurité, nous vous recommandons d'effectuer des recherches avant de mettre en œuvre des modifications ayant un impact sur la sécurité de votre application ou de vos ressources. L'implémentation CORS optimale dépendra du système que vous utilisez et de vos considérations de sécurité.
Voici des instructions générales sur la façon de mettre en œuvre CORS :
Ajoutez le code
Access-Control-Allow-Originaux en-têtes de réponse de tous les actifs tiers qui fournissent JavaScript à votre application :Access-Control-Allow-Origin: YOUR_DOMAINLa définition d'un ou de plusieurs domaines donnera à ces domaines spécifiques l'accès aux détails trace des erreurs et à d'autres ressources disponibles. Cet article MDN peut contenir des informations utiles sur la configuration des en-têtes de réponse, telles que l'ajout de plusieurs domaines ou l'utilisation d'un caractère générique à la place d'un domaine.
Dans votre application, demandez au navigateur de charger les fichiers JavaScript à l'aide de l'attribut CORS
crossorigin:<script src="EXTERNAL_LOCATION/script.js" crossorigin></script>Cet article MDN peut contenir des informations utiles sur l'attribut des paramètres CORS.
Cause
La cause la plus courante du problème trace d'appels manquants est la politique de même origine. Il s’agit d’une politique de sécurité qui empêche une ressource Web d’accéder aux données d’une autre ressource, sauf si les deux ont la même origine. Dans ce contexte, origin est la combinaison du schéma URI, du nom d’hôte et du numéro de port. La politique empêche le code malveillant d’accéder à d’autres ressources Web.
La politique de même origine est importante pour la sécurité Internet, mais elle peut rendre plus difficile la collaboration des ressources Web. Plus précisément, des problèmes peuvent survenir si votre script JS est hébergé sur des réseaux de diffusion de contenu (CDN) ou d’autres emplacements externes. New Relic est capable de voir les erreurs provenant de ces scripts mais est incapable d'accéder à leurs données.