Mein Frontend (React) läuft auf einer anderen Subdomain: https://admin.lanaya.gov.bf und mache eine Anfrage mit axios
GET- und POST-Anfragen funktionieren gut, aber PUT- und DELETE-Anfragen schlagen mit einem CORS-Fehler fehl, obwohl der Preflight Anfrage erfolgreich.
Browser-Fehlermeldung:
Der Zugriff auf XMLHttpRequest unter „https://api.lanaya.bf/api/v1/admin/reports/28“ vom Ursprung „https://admin.lanaya.bf“ wurde durch die CORS-Richtlinie blockiert: Auf der angeforderten Ressource ist kein „Access-Control-Allow-Origin“-Header vorhanden.
Preflight (OPTIONS) Antwort:
Anfrage-URL
https://api.lanaya.bf/api/v1/admin/reports/28
Anfragemethode
OPTIONEN
Statuscode
204 Kein Inhalt
Remote-Adresse
172.13.207.35:443
Referrer-Richtlinie
no-referrer-when-downgrade
12
Tracking Prevention blockierte den Zugriff auf den Speicher für .
[NEU] Erklären Sie Konsolenfehler mithilfe von Copilot in Edge: Klicken Sie, um einen Fehler zu erklären. Mehr erfahrenNicht mehr anzeigen
/user/reports/list:1 Der Zugriff auf XMLHttpRequest unter „https://api.lanaya.bf/api/v1/admin/reports/28“ vom Ursprung „https://admin.lanaya.bf“ wurde durch die CORS-Richtlinie blockiert: Auf der angeforderten Ressource ist kein „Access-Control-Allow-Origin“-Header vorhanden.
index-Ds0S3oXd.js:35 API-FEHLER:
- Le {message: 'Network Error', name: 'AxiosError', code: 'ERR_NETWORK', config: {…}, request: XMLHttpRequest, …}
Der Preflight funktioniert also korrekt.
Tatsächliche PUT-Anfrage
Status: 403 Verboten
In dieser Antwort werden keine CORS-Header gesendet, was dazu führt, dass der Browser sie blockiert.
Was ich versucht habe
Laravel-Konfiguration:
config/cors.php:
Code: Select all
Mobile version