angular2 xhrfields withcredentials true

Question

システムにログインしようとしています。角度1ではオプションが利用できない、

withCredentials:true 

を設定する方法があった。しかし、私は今（beta.1）、angular2

export class LoginComponent { 
    constructor(public _router: Router, public http: Http,) { 

    } 


    onSubmit(event,username,password) { 
     this.creds = {'Email': 'harikrishna@gmail.com','Password': '01010','RememberMe': true} 
     this.headers = new Headers(); 
     this.headers.append('Content-Type', 'application/json'); 

     this.http.post('http://xyz/api/Users/Login', {}, this.creds) 
       .subscribe(res => { 
        console.log(res.json().results); 

       }); 
    } 

} 

Answer 1

私の知る限りでは実用的なソリューションを見つけることができませんでした。

あなたはこのようなもので、それを回避する必要があります。

let _build = http._backend._browserXHR.build; 

http._backend._browserXHR.build =() => { 
    let _xhr = _build(); 
    _xhr.withCredentials = true; 
    return _xhr; 
}; 

Answer 2

私はあなたがpostは正しい方法をmetrhod使用していないと思います。

onSubmit(event,username,password) { 
    this.creds = { 
    'Email': 'harikrishna@gmail.com', 
    'Password': '01010','RememberMe': true 
    } 

    this.headers = new Headers(); 
    this.headers.append('Content-Type', 'application/json'); 

    this.http.post('http://xyz/api/Users/Login', 
       JSON.stringify(this.creds), 
       { headers: headers }); 
} 

パラメータを反転することができます。 2番目のパラメータは、POSTに送信するコンテンツに対応し、文字列として定義する必要があります。オブジェクトはこのレベルではまだサポートされていません。この問題はhttps://github.com/angular/angular/issues/6538を参照してください。

特定のヘッダーを設定する場合は、postメソッドの3番目のパラメータにHeadersオブジェクトを追加する必要があります。

それ以外の場合は、クロスドメイン要求内でCookieを送信する場合は、withCredentialsプロパティがCORSに関連していると思います。あなたはより多くの詳細については、このリンクを見てすることができます

• http://restlet.com/blog/2015/12/15/understanding-and-using-cors/
• http://restlet.com/blog/2016/09/27/how-to-fix-cors-problems/
• https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/withCredentials

はティエリー

Answer 3

は、この問題はで指摘されてきた 、それはあなたのお役に立てば幸いですangle2チーム

issue linkの後には、いくつかの他の回避策（特に@注射可能なもの）があります。

Answer 4

誰でもcexbrayatの回答に基づいて、プレーンなJSを使用している場合：角度で

app.Service = ng.core 
    .Class({ 
     constructor: [ng.http.Http, function(Http) { 
      this.http = Http; 
      var _build = this.http._backend._browserXHR.build; 
      this.http._backend._browserXHR.build = function() { 
       var _xhr = _build(); 
       _xhr.withCredentials = true; 
       return _xhr; 
      }; 
     }], 

Answer 5

> 2.0.0（と実際のRC2から）、単に

http.get('http://my.domain.com/request', { withCredentials: true })