React JS Fetch gibt leere Antwort zurück, Postbote jedoch nicht

Question

Ich habe eine React JS-Anwendung, die versucht, sich bei einer tokenbasierten API anzumelden (die ich gerade entwickle, mit Laravel 5.5 und Laravel Passport). Ich versuche, die grundlegende Anmeldung zu implementieren (Login mit einem Benutzernamen und einem Passwort, ein Token vom Server erhalten, sobald verifiziert, verwenden Sie dieses Token für zukünftige Abfragen).

Der Code, den ich unter holen bin mit:

function loginApi(username, password) { 
    return fetch(loginUrl, { 
     method: 'POST', 
     headers: { 
      'Content-Type': 'application/json', 
     }, 
     body: JSON.stringify({ 
      grant_type: 'password', 
      client_id: clientId, 
      client_secret: clientSecret, 
      username: username, 
      password: password 
     }) 

    }).then(handleApiErrors) 
    .then(response => response.json) 
} 

Es lohnt sich, es ist nicht ganz komplett zu notieren, wie ich zur Zeit nur die Antwort zu bestimmen versucht, ich bin zurück zu bekommen.

Ich habe bereits die normalen Probleme gelöst, denen man begegnet, wie CORS Probleme, aber das Problem, auf das ich jetzt stoße, ist, dass die Antwort von der API nur ... leer ist. Wenn ich die Anfrage direkt auf der Registerkarte "Netzwerk" der Chrome-Entwicklungstools überprüfe, ist die Antwort leer.

jedoch, wenn ich die genaue gleiche Abfrage mit Postman machen, sind die Ergebnisse genau das, was ich erwarte.

Was hier das Problem sein könnte? Warum würde die exakt gleiche Abfrage unterschiedliche Ergebnisse liefern?

Answer 1

.json ist eine Funktion und muss aufgerufen werden. Versuchen Sie ..

.then(response => response.json()) 

Sie geben derzeit die .json Analysefunktion zurück.