Costruttore intestazioni CORS

Crea intestazioni di risposta CORS con origine, metodi, credenziali e altro

Che cos'è e come funziona?

Il Cross-Origin Resource Sharing (CORS) è un meccanismo di sicurezza del browser che impedisce alle pagine web di effettuare richieste HTTP a un dominio diverso da quello che ha servito la pagina. Quando il tuo JavaScript su `app.example.com` cerca di recuperare dati da `api.example.com`, il browser prima invia una richiesta OPTIONS di pre-volo.

Questo strumento genera gli header HTTP di risposta CORS corretti per il tuo caso d'uso: sviluppo (consenti tutte le origini), produzione (consenti solo origini specifiche), richieste con credenziali e configurazioni di pre-volo complesse.

Casi d'uso

• API Express.js: aggiungi middleware CORS per consentire al tuo frontend su `https://app.mysite.com` di chiamare la tua API su `https://api.mysite.com` con credenziali.
• Configurazione CORS Nginx: aggiungi direttive `add_header` per un server di file statici per consentire richieste da origini specifiche.
• Debug degli errori CORS: usa gli header generati per capire esattamente cosa si aspetta il browser.

Domande frequenti

Perché il browser invia una richiesta OPTIONS di pre-volo?

Per le richieste "non semplici" (che usano metodi diversi da GET/POST o header personalizzati), i browser inviano prima una richiesta OPTIONS. Se il pre-volo ha successo, il browser procede con la richiesta effettiva.

Posso usare `Access-Control-Allow-Origin: *` con le credenziali?

No. Non puoi combinare `Access-Control-Allow-Origin: *` con `Access-Control-Allow-Credentials: true`. Per le richieste con credenziali, devi specificare l'origine esatta.

Qual è la differenza tra errori CORS ed errori di rete?

Un errore CORS significa: la richiesta ha raggiunto il server, ma il browser ha impedito a JavaScript di leggere la risposta. Un errore di rete significa: la richiesta non ha mai raggiunto il server.

Come correggo CORS per più origini consentite?

L'header `Access-Control-Allow-Origin` può contenere solo un singolo valore di origine o `*`. Per più origini specifiche, usa logica lato server per verificare l'header `Origin` della richiesta.

Sviluppatore

Generatore UUID · Convertitore di timestamp · Codificatore Base64 · Decodificatore Base64 · Generatore di hash · Convertitore di colori