如何访问get api调用中的响应头- Angular 7

在Angular 7中，可以通过使用HttpClient模块来访问GET API调用中的响应头。以下是一种实现方法：

1. 首先，确保已经在项目中引入了HttpClient模块。可以在app.module.ts文件中添加以下代码：

import { HttpClientModule } from '@angular/common/http';

@NgModule({
  imports: [
    HttpClientModule
  ],
  ...
})
export class AppModule { }

1. 在你的组件中，导入HttpClient模块并注入HttpClient服务。可以在组件的构造函数中添加以下代码：

import { HttpClient, HttpHeaders } from '@angular/common/http';

constructor(private http: HttpClient) { }

1. 使用HttpClient的get方法来发送GET请求，并通过设置{ observe: 'response' }选项来获取完整的响应对象。可以在组件的某个方法中添加以下代码：

this.http.get(url, { observe: 'response' }).subscribe(response => {
  // 在这里可以访问响应头
  console.log(response.headers.get('header-name'));
});

在上述代码中，将url替换为你要调用的API的URL，'header-name'替换为你要访问的响应头的名称。

值得注意的是，如果API返回的响应头中包含自定义的非标准头部字段，浏览器可能会拒绝访问这些字段。在这种情况下，你需要在服务器端进行相应的配置，以允许跨域访问自定义头部字段。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）、腾讯云对象存储（COS）。

腾讯云云服务器（CVM）：提供弹性计算能力，可根据业务需求快速创建、部署和扩展云服务器实例。

腾讯云对象存储（COS）：提供安全、稳定、低成本的云端存储服务，适用于图片、音视频、文档等各类数据的存储和管理。

更多关于腾讯云产品的信息，请访问腾讯云官方网站：https://cloud.tencent.com/