Angular 6 HttpClient GET 响应未返回自定义标头

Question

我是 Angular 6 的新手，并且创建了一个新应用程序来替换我们现有的 Angular 1.x 应用程序。 我正在像这样对服务器进行 GET 调用 -

httpOptions = {
headers: new HttpHeaders({ 'Content-Type': 'application/x-www-form-urlencoded' }),
responseType: 'text' as 'json'
};

return this.http.get(this.domain + '/login', this.httpOptions).pipe(
  map((res: HttpResponse<any>) => {
  let myHeader = res.headers.get('X-CSRF-TOKEN');
  return res;
}

在我的响应标题中，我得到了这样的信息 -

在我的响应回调中，我试图获取此令牌信息并将其设置为某个存储以作为标头传递给我未来的请求。但是，我的响应正文是一个 HTML 文档 - 我正在使用

responseType: 'text' as 'json

所以在我的回调中，我只是将 HTML 文档作为文本获取，而不是获取包含标题的整个响应。

为什么我没有得到包含标题和所有内容的完整响应？

注意：我尝试完全删除 responseType - 但即使服务器返回 200，我也总是得到一个 HttpErrorResponse。

SyntaxError: Unexpected token < in JSON at position 0 at JSON.parse

所以我保留了 responseType。

感谢任何帮助。

Answer 1

您正在寻找HttpClient 的{observe: 'response'} 选项：

httpOptions = {
  headers: new HttpHeaders({ 'Content-Type': 'application/x-www-form-urlencoded' }),
  responseType: 'text' as 'json',
  observe: 'response'
};

现在 HttpClient.get() 返回一个类型化 HttpResponse 的 Observable 而不仅仅是 JSON 数据。

请参阅文档中的Reading the full response。