Erreur ERR_BLOCKED_BY_RESPONSE - 6 façons de la corriger

Un problème que les développeurs web et les utilisateurs peuvent rencontrer lors de la navigation est l’erreur ERR_BLOCKED_BY_RESPONSE. Cette erreur survient généralement lorsqu’une requête web est bloquée en raison des paramètres du serveur ou du navigateur.

Que vous soyez en train de dépanner votre propre site web ou d’essayer de le corriger côté utilisateur, comprendre la cause est essentiel pour la résoudre. Dans ce guide, nous vous présenterons six solutions pratiques pour corriger cette erreur.

Le message d’erreur apparaît dans la console DevTools du navigateur, ou comme une erreur de page complète, et peut être accompagné de détails tels que :

• net::ERR_BLOCKED_BY_RESPONSE
• En-têtes spécifiques ou problèmes de réponse qui ont causé l’échec du chargement de la ressource

Quelles sont les causes de l’erreur ERR_BLOCKED_BY_RESPONSE ?

L’erreur “ERR_BLOCKED_BY_RESPONSE” se produit lorsqu’une requête web est bloquée en raison de problèmes côté serveur, réseau ou client. Voici quelques causes courantes :

1. Problèmes de Cross-Origin Resource Sharing (CORS)

Les méthodes de contrôle d’accès autorisées restreignent la manière dont les ressources d’un domaine sont accessibles par un autre domaine. Des en-têtes CORS mal configurés sur le serveur censé envoyer la ressource peuvent entraîner des requêtes bloquées.

Cela peut être déroutant, alors illustrons-le par un exemple :

Vous intégrez un widget météo sur votre site qui récupère des données de api.weather.com. Si api.weather.com n’envoie pas l’en-tête Access-Control-Allow-Origin: https://yourdomain.com, le navigateur bloque la réponse.

Dans de tels cas, le fournisseur de l’API doit reconfigurer son serveur pour qu’il envoie les en-têtes CORS appropriés.

Un autre exemple serait si votre site principal (www.example.com) récupère des ressources d’un sous-domaine (api.example.com). Sans les en-têtes CORS corrects, les requêtes entre ces sous-domaines peuvent échouer.

2. En-têtes de serveur mal configurés

Des en-têtes de serveur incorrects, tels que Content-Security-Policy ou X-Frame-Options, peuvent bloquer certaines requêtes et déclencher l’erreur.

• Les en-têtes CSP restreignent l’endroit où les scripts, styles ou autres ressources peuvent être chargés. Si la réponse viole le CSP défini, le navigateur la bloque.
• Des en-têtes comme X-Frame-Options, Strict-Transport-Security ou Content-Type peuvent être manquants ou mal configurés, entraînant des réponses bloquées.

Par exemple, si vous utilisez Google Fonts, un en-tête CSP peut le bloquer et déclencher l’erreur ERR_BLOCKED_BY_RESPONSE dans votre navigateur.

3. Extensions ou modules complémentaires du navigateur

Certaines extensions de navigateur, en particulier les bloqueurs de publicités ou les modules de sécurité, peuvent interférer avec les requêtes et bloquer le chargement des réponses.

Si vous utilisez un script tiers, comme Google Analytics ou un pixel de suivi d’un service de marketing, des extensions comme uBlock Origin, AdBlock ou Ghostery peuvent bloquer les requêtes vers des domaines de suivi ou de diffusion de publicités connus.

Vous pouvez essayer de désactiver ces extensions ou de tester en mode incognito pour déterminer si l’une d’elles cause le problème.

4. Restrictions réseau

Les pare-feu, les paramètres de blocage des ressources réseau ou un serveur VPN ou proxy peuvent restreindre les requêtes web, provoquant l’apparition de l’erreur dans votre console.

Cela peut être une mauvaise configuration de l’appareil local, un pare-feu d’entreprise ou des restrictions réseau spécifiques à un pays qui bloquent les requêtes vers des domaines externes.

Les visiteurs de certains pays ou réseaux d’entreprise avec des contrôles Internet stricts ne pourraient pas accéder aux ressources, ce qui entraînerait une erreur de réponse bloquée.

L’utilisation d’un serveur VPN ou proxy pour contourner les politiques de blocage pourrait permettre le chargement réussi des ressources provenant de différentes origines.

5. Code API ou JavaScript incorrect

Des erreurs dans les points de terminaison API ou le code JavaScript peuvent envoyer des requêtes invalides, entraînant des réponses bloquées.

Par exemple, une faute de frappe ou une erreur de syntaxe dans votre JavaScript envoie des requêtes API mal formées – le serveur répond par une erreur, provoquant le blocage de la ressource par le navigateur.

Comment corriger l’erreur ERR_BLOCKED_BY_RESPONSE

1. Vider le cache et les cookies du navigateur

Les données mises en cache et les cookies peuvent parfois causer des conflits, entraînant des réponses bloquées. Pour résoudre ce problème, consultez notre article dédié pour vider les données de navigation dans tous les navigateurs populaires. Après avoir vidé le cache de votre navigateur, rechargez la page pour voir si l’erreur persiste.

Cette étape aide à supprimer les données de site conflictuelles qui pourraient interférer avec le chargement des ressources.

2. Désactiver les extensions du navigateur

Les extensions de navigateur, en particulier celles conçues pour la sécurité, la confidentialité ou le blocage de contenu, peuvent interférer avec les requêtes web. Pour résoudre ce problème :

1. Ouvrez le menu Extensions ou Modules complémentaires de votre navigateur.

2. Désactivez les extensions une par une, en commençant par les bloqueurs de publicités ou les outils de sécurité.
3. Actualisez la fenêtre du navigateur après chaque changement pour identifier l’extension problématique.

Une fois identifiée, supprimez ou mettez à jour l’extension pour éviter d’autres problèmes.

3. Vérifier les paramètres CORS sur le serveur

Les problèmes de CORS sont des causes courantes de l’erreur ERR_BLOCKED_BY_RESPONSE. Si le serveur n’autorise pas l’accès aux ressources entre différentes origines, il peut bloquer la requête.

Pour résoudre ce problème, vérifiez l’en-tête Access-Control-Allow-Origin dans la réponse du serveur. Faites un clic droit sur la page > Inspecter, et allez à l’onglet Réseau dans les Outils de développement :

Rechargez la page et vérifiez les en-têtes de réponse pour tout problème avec les requêtes autorisées depuis les domaines requis.

Si vous récupérez des ressources d’un domaine que vous gérez, allez à votre tableau de bord d’hébergement et définissez les en-têtes CORS appropriés.

Si le problème concerne un site web tiers – contactez le propriétaire pour qu’il puisse apporter les modifications nécessaires sur son serveur pour corriger l’erreur ERR_BLOCKED_BY_RESPONSE.

4. Vérifier les règles du pare-feu

Parfois, les paramètres des pare-feu ou des serveurs proxy peuvent bloquer certaines requêtes web, provoquant l’erreur ERR_BLOCKED_BY_RESPONSE. Pour résoudre ce problème :

1. Désactivez temporairement le pare-feu pour voir si l’erreur se résout.
2. Si la désactivation résout le problème, ajustez ou réinitialisez les paramètres du pare-feu pour autoriser le trafic nécessaire.

Mettre à jour ou ajuster vos règles de pare-feu et de proxy peut empêcher le blocage de requêtes légitimes.

5. Mettre à jour ou réinstaller votre navigateur

Des versions de navigateur obsolètes ou corrompues peuvent entraîner des erreurs inattendues, y compris l’erreur ERR_BLOCKED_BY_RESPONSE. Pour résoudre ce problème :

1. Vérifiez les mises à jour dans les paramètres de votre navigateur.
2. Si des mises à jour sont disponibles, installez-les et redémarrez votre navigateur.
3. Si l’erreur persiste, essayez de réinstaller la dernière version depuis le site officiel.
4. Après la réinstallation, vérifiez si l’erreur est résolue en visitant la page web affectée.

Mettre à jour ou réinstaller votre navigateur garantit la compatibilité et corrige les bogues potentiels pouvant causer des erreurs.

6. Déboguer à l’aide des outils de développement

Si les corrections précédentes n’ont pas résolu l’erreur, le problème peut être plus profond côté serveur. Utilisez les outils de développement du navigateur pour identifier tout problème côté serveur :

1. Ouvrez les Outils de développement du navigateur (généralement en appuyant sur F12 ou en faisant un clic droit et en sélectionnant Inspecter).
2. Allez à l’onglet Réseau et actualisez la page.
3. Cherchez toute requête échouée marquée en rouge.
4. Vérifiez les en-têtes de réponse, les codes d’état et tout message d’erreur pour identifier les problèmes potentiels.
5. Utilisez les informations pour déboguer les configurations côté serveur ou contactez votre fournisseur d’hébergement web pour obtenir de l’aide.

Les outils de développement peuvent fournir des informations détaillées sur les problèmes côté serveur. Si l’erreur est due à une mauvaise configuration sur un serveur tiers, signalez-la pour qu’elle puisse être corrigée par l’administrateur responsable de cette plateforme.

Réflexions finales sur la correction de l’erreur ERR_BLOCKED_BY_RESPONSE

L’erreur ERR_BLOCKED_BY_RESPONSE peut être frustrante, mais elle est généralement réparable avec quelques étapes de dépannage simples.

En vidant le cache de votre navigateur, en ajustant les configurations du serveur ou en vérifiant les extensions conflictuelles, vous pouvez souvent résoudre le problème rapidement. Si l’erreur persiste, utilisez les outils de développement pour identifier les problèmes côté serveur ou consultez votre fournisseur d’hébergement pour obtenir un support supplémentaire.

Si vous essayez de charger des ressources externes, le problème peut être hors de votre contrôle. Dans de tels cas, signalez-le à la partie concernée pour qu’elle puisse effectuer un dépannage plus approfondi.