angular2 xhrfields concredentials true

Question

Sto tentando di accedere a un sistema. In angolare 1, c'era modi per impostare

withCredentials:true 

ma non riuscivo a trovare una soluzione di lavoro in 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

per quanto ne so, in questo momento (beta.1) l'opzione non è disponibile.

si deve lavorare intorno ad esso con qualcosa di simile:

let _build = http._backend._browserXHR.build; 

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

Answer 2

penso che non si utilizza il post metrhod nel modo giusto. Si può provare qualcosa del genere:

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 }); 
} 

Si invertono i parametri. Il secondo parametro corrisponde al contenuto da inviare al POST e deve essere definito come stringa. Gli oggetti non sono ancora supportati a questo livello. Vedi questo numero: https://github.com/angular/angular/issues/6538.

Se si desidera impostare intestazioni specifiche, è necessario aggiungere l'oggetto Headers all'interno del terzo parametro del metodo post.

In caso contrario, penso che la proprietà withCredentials sia correlata a CORS se si desidera inviare cookie all'interno di richieste interdominio. Si può avere uno sguardo a questo link per maggiori informazioni:

• 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

Spero che ti aiuta, Thierry

Answer 3

Questo problema è stato notato da la squadra angular2.

È possibile trovare alcuni altri metodi (uno specialmente scritto come @Iniztable) dopo lo issue link.

Answer 4

Se qualcuno sta usando JS pianura, in base alla risposta del cexbrayat:

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

In angolare> 2.0.0 (e in realtà da RC2 via), basta

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