无法从后端响应中获取“Content-Disposition”

Question

我正在尝试从后端响应中获取Content-Disposition的值。但我根本无法做到这一点......

这是我的代码：

public getQuoteImage(sharedQuote):Observable<any> {
    return this.http.post(environment.downloadSummarUrl, JSON.stringify(sharedQuote), { 
      headers: this.params.headers.validate,
      observe: "response",
      responseType : 'blob'
    });
  }

我正试图从以下filename获取Content-Disposition：

downloadSummaryContent() {
    this.server.getQuoteImage(this.sharedQuote).subscribe((data) => {
      console.log( 'headers are', '\n', data, '\n',  data.headers.get('Content-Disposition') ); //but not getting the file name
      var url = window.URL.createObjectURL(data);
      var a = document.createElement('a');
      document.body.appendChild(a);
      a.setAttribute('style', 'display: none');
      a.href = url;
      a.download = 'quote.pdf';
      a.click();
      window.URL.revokeObjectURL(url);
      a.remove(); // remove the element
    });
  }

但根本没有获得价值。

在控制台中我得到了：

{
  "headers": {
    "normalizedNames": {

    },
    "lazyUpdate": null,
    "lazyInit": null,
    "headers": {

    }
  },
  "status": 200,
  "statusText": "OK",
  "url": "https:XXXXXXservice/p/shipment/download/",
  "ok": true,
  "type": 4,
  "body": {

  }
}

Answer 1

根据MDN Access-Control-Expose-Headers documentation，CORS请求只允许javascript访问以下响应标头：

• 缓存控制
• 内容的语言
• 内容类型
• 到期
• 上次修改
• 附注

服务器可以允许使用Access-Control-Expose-Headers响应访问其他响应标头，因此，要使客户端可以访问Content-Disposition，您需要发出

Access-Control-Expose-Headers: Content-Disposition

回复中的标题