2016-08-01 17 views
1

は私のコードは、最高の「アプリ」レベルであり、 :カスタムヘッダー角度JS

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

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

私は間違っている/紛失している/理解していないことは何ですか?このヘッダーをすべての(または1つの)要求にどのように追加できますか?

答えて

1

エラーが説明するように、x-api-keyは有効なHTTPヘッダーフィールドではありません。 here for the official documentation、またはlook at wikipediaに行くことができます。これを修正するには、リクエスト本体にパラメータとしてapiキーを渡す必要があります。

+0

ああ、ありがとう。これは取得要求のため、私はクエリ文字列が動作すると仮定していますか? ?x-api-key = keyでリクエストを追加しましたが、次のエラーが表示されます:XMLHttpRequestはblah?x-api-key = keyをロードできません。要求されたリソースに「Access-Control-Allow-Origin」ヘッダーが存在しません。したがって、原点「ヌル」はアクセスが許可されません。応答にHTTPステータスコード404がありました。(終了エラー)原点を設定するか、JSONPを実行する必要がありますか? – devdropper87

+1

@ devdropper87フェッチしようとしているリソースがレスポンスヘッダに 'Access-Control-Allow-Origin'を持っていないので、JSONPなどのオプションを探す必要があります。 –