Access to fetch at 'https://api.example.com/' from origin 'https://myweb.com' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present – JavaScript CORS_POLICY_BLOCKED

CORS_POLICY_BLOCKED

Il meccanismo di Same-Origin Policy del browser blocca la lettura della risposta HTTP cross-origin perché il server API remoto non include l'header HTTP 'Access-Control-Allow-Origin' che autorizza il dominio chiamante.

Cosa significa questo errore?

Il meccanismo di Same-Origin Policy del browser blocca la lettura della risposta HTTP cross-origin perché il server API remoto non include l'header HTTP 'Access-Control-Allow-Origin' che autorizza il dominio chiamante.

Messaggio originale

Access to fetch at 'https://api.example.com/' from origin 'https://myweb.com' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present

Contesto e parole chiave

Alias

  • blocked by CORS policy No Access-Control-Allow-Origin

Messaggi alternativi

  • richiesta fetch bloccata da criterio di sicurezza CORS

Prodotti

  • JavaScript Engine (V8, SpiderMonkey, JavaScriptCore) / Web API

Piattaforme

  • Bun
  • Deno
  • Node.js
  • Qualsiasi Browser Web

Parole chiave

  • DOM e Web API
  • ecmascript
  • errore-javascript-cors-blocked-access-control-allow-origin
  • javascript
  • javascript.dom.cors-request-blocked-by-access-control-allow-origin
  • js

Cause possibili

Causa tecnica per Errore JavaScript: Blocked by CORS policy (Mancanza Header Access-Control-Allow-Origin)

Il meccanismo di Same-Origin Policy del browser blocca la lettura della risposta HTTP cross-origin perché il server API remoto non include l'header HTTP 'Access-Control-Allow-Origin' che autorizza il dominio chiamante.

molto comune

Diagnosi

Diagnostica in console browser per Errore JavaScript: Blocked by CORS policy (Mancanza Header Access-Control-Allow-Origin)

Aprire la Console degli Strumenti per Sviluppatori (F12) o verificare l'output di esecuzione Node.js per analizzare lo stack trace.

Come leggere il risultato. Indica il file sorgente esatto e la riga di codice in cui si è verificata l'eccezione o il type error.

terminal
node --trace-warnings app.js

Risoluzione

Risoluzione standard per Errore JavaScript: Blocked by CORS policy (Mancanza Header Access-Control-Allow-Origin)

Difficoltà: facileRischio: basso

Applicare la correzione al codice sorgente JavaScript conforme agli standard ECMAScript moderni.

  1. Ispezionare la riga evidenziata nella console degli errori
  2. Applicare optional chaining (?.) o gestione condizionale dei valori null/undefined
  3. Ricaricare la pagina o riavviare il processo per verificare la scomparsa dell'errore

Domande frequenti

Come risolvere l'errore Errore JavaScript: Blocked by CORS policy (Mancanza Header Access-Control-Allow-Origin) in JavaScript?

Il meccanismo di Same-Origin Policy del browser blocca la lettura della risposta HTTP cross-origin perché il server API remoto non include l'header HTTP 'Access-Control-Allow-Origin' che autorizza il dominio chiamante.

Approfondimenti

Schede correlate