Angular 2 : how to get custom response headers (CORS issue)

Question

为什么我无法从响应中访问 Angular2 中的所有 header ？

我有一个无法修改的旧版 Web 服务。 它在响应 header 中将一些重要信息发送回客户端。别问我为什么。这是废话。

我的代码是这样的:

      .subscribe((r: Response) => {
      var customHeader = r.headers.get("Database-Deleted");
      var allHeadersAsString = JSON.stringify(r.headers);

但响应似乎只包含几个 header ，而不是全部。

有人可以告诉我这是设计使然，并且无法访问它们吗？ (或者更好:告诉我如何让它发挥作用)

更新

感谢上面的评论，我能够将其识别为 CORS 问题。其他问题的接受答案没有给我正确的线索。

谢谢!

Answer 1

这确实是一个CORS问题。谢谢n00dl3的评论!

如果服务器(在本例中是 C# WebAPI)允许显式公开自定义 header ，那么 Angular2 就允许我访问它们。

这个网站帮助了我: http://datawalke.com/c/webapi-owin-cors-and-custom-headers/

解决方案

为了进行测试，我能够允许所有来源并列出我需要的自定义 header 。

    var att = new EnableCorsAttribute("*", "*", "*");
    att.ExposedHeaders.Add("Database-Deleted");
    att.ExposedHeaders.Add("Database-AlreadyDeleted");
    att.ExposedHeaders.Add("Database-DryRun");
    att.ExposedHeaders.Add("Database-Inserted");
    att.ExposedHeaders.Add("Database-Updated");
    config.EnableCors(att);