Angular2のすべてのリクエストのリクエストヘッダに「Cookie」を送信するにはどうすればよいですか？

Question

実際に、私たちのバックエンドはリクエストヘッダーにCookieを使ってリクエストを認証します。私はヘッダー "Cookie"を設定するとそれが拒否されることを知っています。では、バックエンドにCookieを送信する方法はありますか？

Answer 1

私は、サーバーにあなたの認証を依頼する段階があると思います。これに続いて（認証が成功した場合）、サーバーは応答内のクッキーを返します。ブラウザはこのクッキーを保存し、各呼び出しごとに再度送信します。

クロスドメインリクエスト（CORS）の場合、ブラウザで要求にCookieを追加するには、XHRのwithCredentialsをtrueに設定する必要があります。

Angular2でこれを可能にするために、我々は、以下のようにBrowserXhrクラスを拡張する必要があります：

@Injectable() 
export class CustomBrowserXhr extends BrowserXhr { 
    constructor() {} 
    build(): any { 
    let xhr = super.build(); 
    xhr.withCredentials = true; 
    return <any>(xhr); 
    } 
} 

と拡張とBrowserXhrプロバイダオーバーライドします。詳細については、この質問を参照してください

bootstrap(AppComponent, [ 
    HTTP_PROVIDERS, 
    provide(BrowserXhr, { useClass: CustomBrowserXhr }) 
]); 

を：

• Set-cookie in response not set for Angular2 post request
• xmlhttprequest and set-cookie & cookie

編集（以下freakerのコメント）

RC2から、以下に述べるように、あなたは要求構成内で直接withCredentialsプロパティを使用することができます。

this.http.get('http://...', { withCredentials: true }) 

編集（[maxou]のコメントに続いて）

withCredentialsを含めることを忘れないでください。ごとにに真。