Angular 2 - Get cookie from response

Question

Мне нужна помощь, я пытаюсь получить cookie из ответа, и я не могу найти способ, я довольно новичок в tsc и ng2.

Это NG2 HTTP POST

return this._http 
    .post('http://demo...', body, { headers: headers }) 
    .subscribe(
     (response: Response) => { 
      this.storeToken(response); 
     }, (err) => { 
      console.log('Error: ' + err); 
     } 
    ); 

Это ответ сервера:

HTTP/1.1 200 OK 
Server: Apache-Coyote/1.1 
Access-Control-Allow-Origin: http://localhost:3000 
Access-Control-Allow-Credentials: true 
Access-Control-Allow-Headers: Content-Type, Access-Control-Allow-Headers, Authorization, X-Requested-With 
Set-Cookie: JSESSIONID=A099CC4CA7A25DFBD12701630A7DC24C; Path=/pbcp/; HttpOnly 
Content-Type: application/json;charset=UTF-8 
Transfer-Encoding: chunked 
Date: Fri, 17 Feb 2017 04:08:15 GMT 

32 
{"status":"OK","message":"User is Authenticated."} 
0 

Я смущен, потому что я не могу видеть его в заголовках массива ...

Результат console.log(response)

Результат console.log(response.headers)

..., но я могу видеть его в печенье разделе.

Спасибо!

Answer 1

Ну, после некоторых исследований, я обнаружил две проблемы с моей стороны.

Первый, cookie был настроен ОК, но я искал его не в том месте. Все это время я смотрел его под моим доменом localhost:3000, и файл cookie хранился правильно под доменом http://demo..., что и является правильным поведением. Я мог видеть его в chrome://settings/ ==> Показать дополнительные настройки ==> Все куки и сайт данных ... ==> и фильтрацию от удаленного хоста, как следующее:

---

Второй , Я забыл использовать withCredentials: true в остальных заголовках запросов, чтобы включить и принять cookie автоматически.

authenticate(username: string, password: string) { 
    var body = `{"username":"${username}","password":"${password}"}`; 
    var headers = new Headers(); 
    headers.append('Content-Type', 'application/json'); 
    let options = new RequestOptions({ headers: headers, withCredentials: true }); 

    return this._http 
       .post('http://demo...', body, options) 
       .subscribe(
        (response: Response) => { 
        this.doSomething(response); 
       }, (err) => { 
        console.log('Error: ' + err); 
       }); 
} 

Спасибо @ Все за ваши ответы и время!

Answer 2

Я предполагаю, что вы используете модуль angular2 http, чтобы связаться с сервером, который вернет наблюдаемый ответ сервера.

Вы можете использовать ответ, если вы подписаться на него:

//... 
http.post(...your content...) 
.take(1) // optional: depending on your needs you could .take(x) this to just take a certain number of responses and then terminate the subscription in order to not have a "hot Observable" lying around 
.subscribe(response =>{ 
     .console.log(response); 
    // if I am not mistaken "response.headers" should contain the "Set-Cookie" you are looking for 
}); 

Вы также можете превратить наблюдаемое в Promise:

http.post(...your content...) 
    .toPromise() 
    .then(response=>{ 
    console.log(response); 
    let headers = response.headers; 
    console.log(headers); 
    }) 
    .catch(err=>console.log(err)); 

В некоторых случаях ответ вы, возможно, потребуется преобразовать его с помощью response.json() для извлечения и объекта.

Надеюсь, это поможет. Если это не то, что вы ищете, дайте мне более подробную информацию, и я постараюсь помочь.