2017-05-03 3 views
0

Das Problem besteht darin, dass das Fetch-Antwortobjekt nicht korrekt ist. Bilder, um das Problem zu klären, sind unten, da es schwer zu erklären ist.

Mein Abrufanforderungscode.Abrufantwort falsch formatiert

fetch(this.constructUrl(url), { 
     method: method, 
     mode: 'no-cors', 
     headers: new Headers({ 
      'Authorization': 'Bearer ' + this.token, 
      'Accept': 'application/json', 
      'Content-Type': 'application/json', 
     }), 
     body: new FormData(document.getElementById(formIdentifier)) 
    }).then(function (response) { 
     if (response.ok) { 
      return response.json().then(callback); 
     } 
     console.log(response); 
    }).catch(function(error) { 
     console.log(error); 
    }); 

Das Fetch-Antwortobjekt. Fetch response object image

Die Chrom Antwort/Anfrage Details Chrome request details

Die Chromantwortdaten Chrome response data

So wie Sie richtig sehen können, sieht die Daten in Chrom, aber aus irgendeinem Grund, Objekt die Abrufantwort tut scheint nicht zu reflektieren, was Chrom aufnimmt.

+2

'type:" opaque "bedeutet, dass Sie aus Sicherheitsgründen nicht auf den Inhalt der Antwort zugreifen dürfen. Sie [kann nicht auf einen anderen Ursprung zugreifen] (https://en.wikipedia.org/wiki/Same-origin_policy) - und der Port zählt auch dazu. – Bergi

+0

Ich werde das jetzt versuchen. –

+0

@Bergi das Ändern des Modus auf 'cors' und das Aktivieren von cors auf dem php-Stack löste das Problem. Vielen Dank. Fühlen Sie sich frei, eine Antwort zu erstellen, und ich werde markieren, wie es ist. –

Antwort

0

Ich musste 'Nein-Kors' zu 'Kors' wechseln und erlauben Kors in meinem Reststapel.

Verwandte Themen