看不到http帖子的标题[Angular4]

Question

这应该很容易解决，但是知道我的想法无法找到解决方案。

我有这样的帖子：

getAccordo(filtro: Filter): Observable<Response>  {
    return this.http.post<Response>(`${this.ENDPOINT}/export`,
        filtro,
        {observe: 'response', responseType: 'blob' as 'json'}   
    )
        .catch(error => this.handleError(error));
}

这就是我使用它的地方：

  public getAccordo(event: any): any {debugger;
    event.preventDefault();
    this.accordiService.getAccordo(this.filter).subscribe(
      res => {debugger;
        const blob = new Blob([res], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });
        const anchor = document.createElement('a');
        anchor.href = window.URL.createObjectURL(blob);
        anchor.download = Utils.extractHeaders(res);
        anchor.click();
      },
      error => {
        console.log(error);
      }
    );
  }

当我看到镀铬控制台时，我可以看到在标题中有一个content-disposition: attachment; filename="esportazione_accordi_20180905.xlsx"

但在我的'res'中，这是缺失的。

我喜欢做的是获取文件名并在anchor.download中使用它。

如果您需要更多信息，请感谢您的帮助。

编辑

这是我从Response Headers获得的标题，我甚至看不到其中的一个：

在服务器端我添加：.header("Access-Control-Expose-Headers", "content-disposition")但它仍然无法正常工作

编辑2：

好的，我们越来越近了，我需要在pic的末尾获取“filename”值并将其分配给anchor.download。

Answer 1

为了将此标头公开给Angular XHR，服务器需要设置Access-Control-Expose-Headers响应标头以允许专门访问Content-Disposition标头。 docs有关于这个主题的更多信息：

默认情况下，仅公开6个简单响应标头：

• 缓存控制
• 内容语言
• 内容类型
• 过期
• 最后修改
• 事

如果希望客户端能够访问其他标头，则必须使用Access-Control-Expose-Headers标头列出它们。

这意味着您的服务器需要设置以下标头：

Access-Control-Expose-Headers: Content-Disposition

在Angular中，使用HttpClient，响应标头被懒惰地解析 - 要获得特定标头的值，您需要使用以下内容来get标头：

res.headers.get('Content-Disposition');