fetch Antwort ist leer, obwohl die Anfrage erfolgreich war

Question

Ich versuche fetch Funktion zu verwenden, um Daten vom Server in einem Client-Seite Javascript-Code abzurufen. Und ich benutze die Polyfill-Version von fetch namens whatwg-fetch in einem Chrome (die Fetch intern unterstützt).

Hier ist, wie ich die Funktion aufrufen:

//Called in a page loaded as http://localhost:3236/ 
fetch("http://localhost:8080/list", { 
     mode: 'no-cors', 
     credentials: "include", 
    }) 
    .then(function(response) { 
     return response.json(); 
    }); 

Wie Sie meinen Anwendungsserver sehen kann, ist nicht das gleiche wie meine Ressource-Server, damit ich die Optionen für CORS gesetzt hatte. Das Problem ist, dass die response keinen Inhalt bekommen hat:

{ 
    body: null, 
    bodyUsed: false, 
    headers: Headers, 
    ok: false, 
    status: 0, 
    statusText: "", 
    type: "opaque", 
    url: "", 
} 

Es ist in dem Fall, dass, wenn ich drehe Panel zu vernetzen und die Anforderung gesendet zu finden, alles OK Daten mit Status 200 und den gewünschten scheint.

Wie kann ich das Problem finden?

Answer 1

Der Schlüssel ist im opaque Schlüssel. Die Anfrage war erfolgreich, aber die CORS-Einschränkungen von Chrome verhindern, dass Sie die zurückgegebenen Daten verwenden können. Die no-cors Option ist verdächtig; Es sollte nicht notwendig sein, wenn Ihr Server korrekt für Anfragen mit Ursprungsüberschreitung konfiguriert ist.

N.B. Wenn Sie alles korrekt konfiguriert haben, aber beim lokalen Testen des Clients Fehler auftreten, reicht es möglicherweise aus, Chrome mit dem Flag --disable-web-security zu starten.