2017-01-13 2 views
0

Ich stehe vor einem Problem. Und die Lösungen, die von den anderen akzeptiert werden, arbeiten diese nicht für me./react fetch header nicht gesetzt

ich habe:

return await fetch(url, { 
     method: httpMethod, 
     headers: { 
      'Accept': 'application/json', 
      'Content-Type': 'application/json', 
      'x-test':'try me', 
     }, 
     body: JSON.stringify(bodyObject) 
    }); 

Aber es scheint, als ob kein Header überhaupt eingestellt.

Cors-Header ist gesetzt, mode:'cors' macht keinen Unterschied.

Fehle ich etwas?

der Anfrage:

Request

Accept leer ist und Content-Type noch x-test sind nirgends zu finden.

..

bearbeiten

..

Wenn ich brauche neue Frage zu erstellen, mir tun erzählen.

Neue Anfrage request2

So sehe ich, dass der Header gesetzt ist - dank liminal18! -. Jedoch möchte ich jetzt zu einer AD autorisieren.

so jetzt habe ich:

async callUrl(url, httpMethod, bodyObject) { 
    try { 
     var requestObj = { 
      method: httpMethod, 
      headers: { 
       'Accept': 'application/json', 
       'Content-Type': 'application/json', 
       'x-test':'try me', 
       'Authorization': 'Basic Uk11bGxlc....' 
      } 
     }; 

     if (bodyObject !== undefined){ 
      requestObj.body = JSON.stringify(bodyObject); 
     } 

     return await fetch(url, requestObj); 
    } catch(error){ 
     console.error(error); 
    } 
} 

Aber noch ein 401. bekomme ich weiß, dass dies für die Anmeldung nicht die saubere Lösung, sondern nur die Prüfung ..

+0

können Sie versuchen, wenn (bodyObject) und Javascript das Objekt in einen Boolean konvertieren. gute Arbeit, obwohl froh, dass Sie Fortschritte machen. ist die 401 zu CORS? CORS kann ein wenig schwierig sein. – liminal18

+0

Ihre erlauben Header in der Antwort ist nur Autorisierung btw – liminal18

+0

Optionen BTW sollte nicht eine 401 zurück, vielleicht fehlen Sie eine Auth-Header mit der Aktualisierung Token/Access-Token? – liminal18

Antwort

1

Bist Du sicher die Anfrage Sie erfasst ist die richtige Anfrage? Wenn Sie CORS verwenden, gibt es einen OPTIONS-Post, um die Cors erlaubten Methoden zu erhalten, bevor Sie Post/Put setzen, was das sein könnte, was Sie sehen, und nicht den eigentlichen Post oder den Sie beabsichtigten. Wo sind die CORS-Header eingestellt?

+0

100% sicher.Der Antwort-Header hat: Access-Control-Allow-Origin: *, vielleicht fehlt mir etwas, aber es ist nur für ein Get, macht das einen Unterschied? –

+0

in der Anfrage entspricht die Anfrage-Methode der Methode, die zum Abrufen gesendet wird? – liminal18

+0

ist auch das React.Js oder React Native? Beachten Sie, dass React Native CORS nicht verwendet. – liminal18