Cookie in Anfragesköpfen setzen Angular2

Question

Ich bin neu bei angular2. Mein Server (Spring) antwortet auf die Authentifizierung mit einem Set-Cookie-Wert in seinen Antwortheadern.

Wie setze ich den Cookie auf die Request-Header für die nächsten API-Aufrufe?

Ich suchte viel, aber ich kann keine passende Lösung finden.

Answer 1

Cookies werden automatisch an jeden Anruf machen, nachdem es mich für Ihre Domain gespeichert. Sie tun etwas anderes falsch. Falls Sie zur Befestigung Auth Daten automatischen Mechanismus zu schaffen, Anrufe REST, zu diesem Tutorial refere, die benutzerdefinierte HttpInterceptor erstellt:

https://medium.com/aviabird/http-interceptor-angular2-way-e57dc2842462

Answer 2

Im Rahmen der http.get() or http.post() Methoden können Sie das angeben RequestOptionsArgs

Verwenden Sie die Headers im RequestOptionsArgs den Auth-Header angeben, die Sie benötigen.

Als grobes Beispiel siehe unten:

class PeopleComponent { 
 
    constructor(http: Http) { 
 
    let customHeaders: Headers = new Headers(); 
 
    customHeaders.append('myHeaderName', 'myHeaderValue'); 
 
    
 
    http.get('http://my.web/service', { headers: customHeaders }) \t 
 
     .map(res => res.json()) 
 
     .subscribe(people => this.people = people); 
 
    } 
 
}

Answer 3

Im Falle eines CORS Szenario müssen Sie die withCredentials Objekt hinzufügen in den RequestOptions auf true. Im Folgenden ist ein Ausschnitt auf, wie ich in meinem HTTP Helfer implementiert haben:

get(resource: string) { 
 
    return this.http.get(`/api/${resource}`, this.getRequestOptions()) 
 
    .map(result => result.json()) 
 
    .catch(e => e.status === 401 ? Observable.throw('Unauthorized') : e.json()); 
 
} 
 

 
post(resource: string, body: any) { 
 
    return this.http.post(`/api/${resource}`, body, this.getRequestOptions()) 
 
    .map(result => result.json()) 
 
    .catch(e => e.status === 401 ? Observable.throw('Unauthorized') : e.json()); 
 
} 
 

 
private getRequestOptions() { 
 
    const headers = new Headers({ 
 
    'Content-Type': 'application/json', 
 
    }); 
 

 
    return new RequestOptions({headers: headers, withCredentials: true}); 
 
}