1つのリクエストにHTTPヘッダーを設定する


159

アプリに基本認証を必要とする特定のリクエストが1つあるため、そのリクエストにAuthorizationヘッダーを設定する必要があります。HTTPリクエストヘッダーの設定について読みましたが、私が知ることができることから、そのメソッドのすべてのリクエストに対してヘッダーが設定されます。私のコードには次のようなものがあります:

$http.defaults.headers.post.Authorization = "Basic QWxhZGRpbjpvcGVuIHNlc2FtZQ==";

しかし、私はすべての投稿リクエストがこのヘッダーを送信することを望んでいません。必要な1つの要求だけのためにヘッダーを送信する方法はありますか?または、リクエスト後に削除する必要がありますか?


回答:


320

$httpコールごとのヘッダーに渡すconfigオブジェクトにはheadersパラメーターがあります。

$http({method: 'GET', url: 'www.google.com/someapi', headers: {
    'Authorization': 'Basic QWxhZGRpbjpvcGVuIHNlc2FtZQ=='}
});

または、ショートカットメソッドを使用します。

$http.get('www.google.com/someapi', {
    headers: {'Authorization': 'Basic QWxhZGRpbjpvcGVuIHNlc2FtZQ=='}
});

有効なパラメーターのリストは、$ httpサービスのドキュメントで入手できます。


1
私はドキュメントをもう少し詳しく見るべきだったと思います...ショートカットメソッドを使用しようとしていました。これはうまくいきます。ありがとう。
dnc253 2012

17
@ dnc253これはショートカットメソッドでも機能します。コードは次のようになります$http.get('www.google.com/someapi', {headers: {'Authorization': 'Basic QWxhZGRpbjpvcGVuIHNlc2FtZQ=='}});
Yunchi

1
$ httpを拡張して(「注入可能性」を維持し、デフォルトのヘッダーコレクションに適用する必要がない場合)、このヘッダーを自動的に追加する方法はありますか?安全な呼び出しを行うたびに常にヘッダーを追加する必要があるので、一種の冗長性があるようです。
2013

31
うまくいきません。この方法で追加したヘッダーは、実際のリクエストに追加されません。
mcv 2013年

4
ヘッダーを設定しようとすると、リクエストはOPTIONリクエストとして送信され、結果としてエンドポイントは404 NOT FOUND意味のあるを返します。それは知っているGET /someResourceだけですOPTIONS /someResource
Matheus Felipe

19

これを試してください、おそらくそれはうまくいきます;)

.factory('authInterceptor', function($location, $q, $window) {


return {
    request: function(config) {
      config.headers = config.headers || {};

      config.headers.Authorization = 'xxxx-xxxx';

      return config;
    }
  };
})

.config(function($httpProvider) {
  $httpProvider.interceptors.push('authInterceptor');
})

そして、バックエンドも機能することを確認してください。RESTful CodeIgniterを使用しています。

class App extends REST_Controller {
    var $authorization = null;

    public function __construct()
    {
        parent::__construct();
        header('Access-Control-Allow-Origin: *');
        header("Access-Control-Allow-Headers: X-API-KEY, Origin, X-Requested-With, Content-Type, Accept, Access-Control-Request-Method, Authorization");
        header("Access-Control-Allow-Methods: GET, POST, OPTIONS, PUT, DELETE");
        if ( "OPTIONS" === $_SERVER['REQUEST_METHOD'] ) {
            die();
        }

        if(!$this->input->get_request_header('Authorization')){
            $this->response(null, 400);    
        }

        $this->authorization = $this->input->get_request_header('Authorization');
    }

}
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.