Errore ERR_BLOCKED_BY_RESPONSE - 6 Modi per Risolverlo

Un problema che gli sviluppatori web e gli utenti possono incontrare durante la navigazione è l’errore ERR_BLOCKED_BY_RESPONSE. Questo errore si verifica tipicamente quando una richiesta web viene bloccata a causa delle impostazioni del server o del browser.

Che tu stia risolvendo problemi sul tuo sito web o cercando di risolverli dal lato utente, capire la causa è fondamentale per risolverlo. In questa guida, ti guideremo attraverso sei soluzioni pratiche per correggere questo errore.

Il messaggio di errore può apparire nella console DevTools del browser o come errore a pagina intera, e può essere accompagnato da dettagli come:

• net::ERR_BLOCKED_BY_RESPONSE
• intestazioni specifiche o problemi di risposta che hanno causato il mancato caricamento della risorsa

Cosa causa ERR_BLOCKED_BY_RESPONSE?

L’errore “ERR_BLOCKED_BY_RESPONSE” si verifica quando una richiesta web viene bloccata a causa di problemi di rete, lato server o lato client. Ecco alcune cause comuni:

1. Problemi di Cross-Origin Resource Sharing (CORS)

L’“access control allow methods” limita l’accesso alle risorse di un dominio da parte di un altro dominio. Intestazioni CORS mal configurate sul server che dovrebbe inviare la risorsa possono portare a richieste bloccate.

Questo potrebbe lasciare perplessi, quindi lo illustreremo con un esempio:

Hai incorporato un widget per il meteo sul tuo sito che recupera dati da api.weather.com. Se api.weather.com non invia l’intestazione Access-Control-Allow-Origin: https://yourdomain.com, il browser bloccherà la risposta.

In tali casi, il fornitore dell’API deve riconfigurare il proprio server in modo che invii gli header CORS appropriati.

Un altro esempio sarebbe se il tuo sito principale (www.esempio.com) recupera risorse da un sottodominio (api.esempio.com). Senza header CORS corretti, le richieste tra questi sottodomini possono fallire.

2. Intestazioni del server mal configurate

Intestazioni del server errate, come Content-Security-Policy o X-Frame-Options, possono bloccare determinate richieste e generare l’errore.

• Le intestazioni CSP limitano da dove possono essere caricate script, stili o altre risorse. Se la risposta viola il CSP definito, il browser la blocca.
• Intestazioni come X-Frame-Options, Strict-Transport-Security o Content-Type potrebbero mancare o essere mal configurate, portando a risposte bloccate.

Ad esempio, se stai usando Google Fonts, un’intestazione CSP può bloccarlo e attivare l’errore ERR_BLOCKED_BY_RESPONSE nel tuo browser.

3. Estensioni o add-on del browser

Alcune estensioni del browser, specialmente blocchi pubblicitari o add-on di sicurezza, possono interferire con le richieste e bloccare le risposte dal caricarsi.

Se stai usando uno script di terze parti, come Google Analytics o un pixel di tracciamento da un servizio di marketing, estensioni come uBlock Origin, AdBlock o Ghostery possono bloccare le richieste a domini noti per il tracciamento o la pubblicità.

Puoi provare a disabilitare tali estensioni o testare in modalità incognito per determinare se una di esse sta causando il problema.

4. Restrizioni di rete

Firewall, impostazioni di blocco delle risorse di rete o un server VPN o proxy possono limitare le richieste web, causando l’apparizione dell’errore nella tua console.

Questo può essere una configurazione errata del dispositivo locale, un firewall aziendale o restrizioni di rete specifiche del paese che bloccano le richieste a domini esterni.

Visitatori da paesi specifici o reti aziendali con controlli internet rigidi non sarebbero in grado di accedere alle risorse, risultando così in un errore di risposta bloccata.

Usare un server VPN o proxy per bypassare le politiche di blocco potrebbe permettere il caricamento delle risorse da origini diverse.

5. API o codici javascript errati

Errori negli endpoint API o nel codice javascript possono inviare richieste non valide, risultando in risposte bloccate.

Ad esempio, un errore di battitura o di sintassi nel tuo javascript invia richieste API malformate e il server risponderà con un errore, causando il blocco della risorsa da parte del browser.

Come risolvere ERR_BLOCKED_BY_RESPONSE

1. Cancella la cache e i cookie del browser

La cache e i cookie possono a volte causare conflitti, portando a risposte bloccate. Per risolvere questo problema, consulta il nostro articolo per cancellare i dati di navigazione in tutti i browser popolari. Dopo aver cancellato la cache del browser, ricarica la pagina per vedere se l’errore persiste.

Questo passaggio aiuta a rimuovere i dati del sito in conflitto che potrebbero interferire con il caricamento delle risorse.

2. Disabilita le estensioni del browser

Le estensioni del browser, specialmente quelle progettate per la sicurezza, la privacy o il blocco dei contenuti, possono interferire con le richieste web. Per affrontare questo:

1. Apri il menu Estensioni o Add-on del tuo browser.

2. Disabilita le estensioni una per una, iniziando con i blocchi pubblicitari o gli strumenti di sicurezza.
3. Aggiorna la finestra del browser dopo ogni modifica per identificare l’estensione problematica.

Una volta identificata, rimuovi o aggiorna l’estensione per prevenire ulteriori problemi.

3. Verifica le impostazioni CORS sul server

I problemi CORS sono cause comuni dell’errore ERR_BLOCKED_BY_RESPONSE. Se il server non consente l’accesso alle risorse tra diverse origini, può bloccare la richiesta.

Per risolvere questo, controlla l’intestazione Access-Control-Allow-Origin nella risposta del server. Clicca con il tasto destro sulla pagina > Ispeziona, e vai alla scheda Rete negli Strumenti per sviluppatori:

Ricarica la pagina e controlla le intestazioni di risposta per eventuali problemi con le richieste consentite dai domini richiesti.

Se stai recuperando risorse da un dominio che gestisci, vai al tuo pannello di controllo dell’hosting e imposta le intestazioni CORS appropriate.

Se il problema è con un sito web di terze parti invece, contatta il proprietario in modo che possa apportare le modifiche necessarie sul proprio server per correggere l’errore ERR_BLOCKED_BY_RESPONSE.

4. Controlla le regole del firewall

A volte, le impostazioni del firewall o del server proxy possono bloccare determinate richieste web, causando l’errore ERR_BLOCKED_BY_RESPONSE. Per affrontare questo:

1. Disabilita temporaneamente il firewall per vedere se l’errore si risolve.
2. Se disabilitare risolve il problema, regola o reimposta le impostazioni del firewall per consentire il traffico necessario.

Aggiornare o regolare le regole del firewall e del proxy può prevenire il blocco di richieste legittime.

5. Aggiorna o reinstalla il tuo browser

Versioni del browser obsolete o corrotte possono portare a errori inaspettati, incluso l’errore ERR_BLOCKED_BY_RESPONSE. Per risolvere questo:

1. Controlla la disponibilità di aggiornamenti nelle impostazioni del tuo browser.
2. Se sono disponibili aggiornamenti, installali e riavvia il browser.
3. Se l’errore persiste, prova a reinstallare l’ultima versione dal sito ufficiale.
4. Dopo la reinstallazione, verifica se l’errore è risolto visitando la pagina web interessata.

Aggiornare o reinstallare il tuo browser assicura compatibilità e corregge potenziali bug che possono causare errori.

6. Fai un debug utilizzando gli strumenti per sviluppatori

Se le soluzioni precedenti non hanno risolto l’errore, il problema potrebbe essere più profondo e lato server. Usa gli strumenti per sviluppatori del browser per identificare eventuali problemi lato server:

1. Apri gli Strumenti per sviluppatori del browser (di solito premendo F12 o cliccando con il tasto destro e selezionando Ispeziona).
2. Vai alla scheda Rete e aggiorna la pagina.
3. Cerca eventuali richieste fallite contrassegnate in rosso.
4. Controlla le intestazioni di risposta, i codici di stato ed eventuali messaggi di errore per identificare potenziali problemi.
5. Usa le informazioni per eseguire il debug delle configurazioni lato server o contatta il tuo provider di hosting per assistenza.

Gli strumenti per sviluppatori possono fornire dettagli approfonditi sui problemi del server. Se l’errore è dovuto a una configurazione errata su un server di terze parti, segnalalo in modo che possa essere affrontato dall’amministratore responsabile di quella piattaforma.

Considerazioni finali sulla risoluzione dell’errore ERR_BLOCKED_BY_RESPONSE

L’errore ERR_BLOCKED_BY_RESPONSE può essere frustrante, ma di solito è risolvibile con pochi semplici passaggi.

Cancellando la cache del browser, regolando le configurazioni del server o controllando se vi sono conflitti tra le estensioni, puoi spesso risolvere il problema rapidamente. Se l’errore persiste, usa gli strumenti per sviluppatori per identificare problemi lato server o consulta il tuo provider di hosting per ulteriore supporto.

Se stai cercando di caricare risorse esterne, il problema potrebbe essere al di fuori del tuo controllo. In tali casi, segnalalo alla parte interessata in modo che possa eseguire ulteriori verifiche.