Угловой 2 http Наблюдаемый запрос, не возвращающий ответный заголовок

Question

Я использую Angular 2.2.3 и выполняю http-запросы с наблюдаемыми с rxjs. Заголовки отображаются на консоли Chrome, но список заголовков в заголовке объекта из ответа пуст. Вот код:

Войти Функция

login(body: Object): Observable<Response> { 
    return this.http.post(this.url, body); 
} 

Вызов функции входа с подпиской на наблюдаемом

this.authService.login(values).subscribe(res => { 
    console.log(res.headers.get("Authorization")) 
    console.log(res) 
}, 
err => { 
    console.log(err); 
}); 

Есть ли что-то я делаю неправильно или что я должен делать по-другому?

Chrome сетевые заголовки консоли ответа

console.log результаты

Значение null является res.headers.get("Authorization") Как вы можете видеть, список заголовков пуст.

Большое спасибо за помощь!

Answer 1

Я нашел решение своей проблемы. Оказывается, что Angular использует XMLHttpRequest за кулисами. Из-за этого заголовки, которые могут быть показаны клиенту «программно» (с функцией Angular), должны быть в списке заголовка Access-Control-Expose-Headers. Этот список необходимо создать в бэкэнд при отправке запроса клиенту. Вот что я сделал с ExpressJS, чтобы включить заголовок авторизации:

app.use((req, res, next) => { 
    // List of headers that are to be exposed to the XHR front-end object 
    res.header('Access-Control-Expose-Headers', 'Authorization'); 
    next(); 
}); 

Мой исходный код на переднем конце остался тот же и console.log из Authorization заголовка появляющимся теперь.

Documentation explaining why we need this header

Вся эта документация очень интересно, я думал, что я был очень хорош в APIs, но я узнал много, читая эту :-)