问题是 observable 在另一个上下文中运行，因此当您尝试创建 URL var 时，您有一个空对象，而不是您想要的 blob。

解决此问题的众多方法之一如下：

this._reportService.getReport().subscribe(data => this.downloadFile(data)),//console.log(data),
                 error => console.log('Error downloading the file.'),
                 () => console.info('OK');

当请求准备好时，它将调用定义如下的函数“downloadFile”：

downloadFile(data: Response) {
  const blob = new Blob([data], { type: 'text/csv' });
  const url= window.URL.createObjectURL(blob);
  window.open(url);
}

blob 已完美创建，因此 URL var，如果未打开新窗口，请检查您是否已导入 'rxjs/Rx' ；

  import 'rxjs/Rx' ;

我希望这可以帮助你。

试试这个！

1 - 安装依赖项以显示保存/打开文件弹出窗口

npm install file-saver --save
npm install -D @types/file-saver

2-使用此功能创建服务以接收数据

downloadFile(id): Observable<Blob> {
    let options = new RequestOptions({responseType: ResponseContentType.Blob });
    return this.http.get(this._baseUrl + '/' + id, options)
        .map(res => res.blob())
        .catch(this.handleError)
}

3- 在组件中使用“文件保护程序”解析 blob

import {saveAs as importedSaveAs} from "file-saver";

  this.myService.downloadFile(this.id).subscribe(blob => {
            importedSaveAs(blob, this.fileName);
        }
    )

这对我有用！

如果您不需要在请求中添加标头，要在 Angular2 中下载文件，您可以执行一个简单的操作（KISS PRINCIPLE）：

window.location.href='http://example.com/myuri/report?param=x';

在您的组件中。

这是为那些正在寻找如何使用 HttpClient 和文件保护程序的人准备的：

1. 安装文件保护程序

npm install file-saver --save

npm install @types/file-saver --save

API服务类：

export() {
    return this.http.get(this.download_endpoint, 
        {responseType: 'blob'});
}

零件：

import { saveAs } from 'file-saver';
exportPdf() {
    this.api_service.export().subscribe(data => saveAs(data, `pdf report.pdf`));
}

这个怎么样？

this.http.get(targetUrl,{responseType:ResponseContentType.Blob})
        .catch((err)=>{return [do yourself]})
        .subscribe((res:Response)=>{
          var a = document.createElement("a");
          a.href = URL.createObjectURL(res.blob());
          a.download = fileName;
          // start download
          a.click();
        })

我可以做到。
不需要额外的包裹。