angular - HttpClient.get ('/'，{观察 : 'response' }); not returning all headers

Question

我正在使用 HttpClient.get() 编写 API GET 请求。我传递了观察响应的选项，当我访问 .keys() 时，除了 Content-Type 之外我没有得到任何其他 header 。

Access-Control-Allow-Origin header 设置为通配符 (*)，但我仍然只能以 Angular 访问 Content-Type header 。我错过了什么？

header 已在网络选项卡中正确发送到我的浏览器。我还尝试在 Access-Control-Allow-Origin 中明确允许该自定义 header 。

Angular 应用:

this.data.getClubs(1, 10, '', {clubName: 'asc'}, '').subscribe(
      dataJson => {
        console.log(dataJson.headers.keys());
}

getClubs(page: number, count: number, group: any, sorting: any, filter: any) {
    return this.http.get(this.apiUrl + `/club`, {
      params: {
        count: String(count),
        filter: String(filter),
        group: String(group),
        page: String(page),
        sorting: JSON.stringify(sorting)
      },
      headers: this.getHttpOptions().headers,
      observe: 'response'
    });
}

请查看图片。 header 设置为允许访问 header 。 https://i.imgur.com/8nS5SbH.png https://i.imgur.com/A1E4Mhh.png

如有任何帮助，我们将不胜感激!

Answer 1

这是因为您需要将 header 名称添加到后端的 access-control-expose-headers 参数中。

例如，如果您想公开一个名为“my-custom-header”的 header ，那么在后端您需要将此 header 添加到 access-control-expose-headers 参数中，例如

response.set({
 "my-custom-header": 'custom value',
 "access-control-expose-headers": "my-custom-header"
})

希望这能奏效