benutzerdefinierte Header Winkel js

Ich versuche, einen Kunden-Header in einer Anfrage Winkel js zum ersten Mal hinzufügen, aber ich erhalte die folgenden Fehlerbenutzerdefinierte Header Winkel js

angular.js:10671Error: Failed to execute 'setRequestHeader' on 'XMLHttpRequest': 'x-api-key:' is not a valid HTTP header field name.

Hier ist meinen Code, auf höchster ‚App‘ Ebene :

var movieApp = angular.module('movieApp', ['ngAnimate']); 

movieApp.config(['$httpProvider', function ($httpProvider) { 
    $httpProvider.defaults.headers.common = { 
     'x-api-key:' : 'key' 
     }; 
}])

Was mache ich falsch/fehlt/nicht verstehen? Wie kann ich diese Kopfzeile allen (oder auch nur einer) Anfrage hinzufügen?

Quelle

2016-08-01 devdropper87

Wie der Fehler erklärt, ist x-api-key kein gültiges HTTP-Header-Feld. Sie können here for the official documentation oder look at wikipedia gehen. Um dies zu beheben, müssen Sie den API-Schlüssel als Parameter im Anfragetext übergeben.

Quelle

2016-08-01 15:31:54

Ah ich sehe, danke. Dies ist für eine get-Anfrage, also nehme ich an, eine Abfrage-Zeichenfolge würde funktionieren? Ich habe die Anfrage mit? X-api-key = key angefügt und erhalte jetzt den folgenden Fehler: XMLHttpRequest kann blah? X-api-key = key nicht laden. Kein 'Access-Control-Allow-Origin'-Header ist auf der angeforderten Ressource vorhanden. Origin 'null' ist daher nicht erlaubt. Die Antwort hatte den HTTP-Statuscode 404. (Endfehler) Funktioniert das Festlegen eines Ursprungs oder muss ich JSONP ausführen? – devdropper87

@ devdropper87 Da die Ressource, die Sie abzurufen versuchen, nicht über 'Access-Control-Allow-Origin' im Antwort-Header verfügt, müssen Sie nach Optionen wie JSONP suchen. –

Antwort

Verwandte Themen