角度链接重定向而不是下载

Question

在我的角度应用程序中，我有以下代码：

.ts文件

 download() {      
    this._fileService
        .getDownloadUrl(this.id)
        .subscribe(r => {
          window.location.href = r;
        });
 }

.html

 <span class="btn" download (click)="download()">
        <i class="fas fa-download"></i>
 </span>

对于较大的文件，它可以正常工作（例如10mb或更大），可以正常下载文件。但是，如果文件的大小约为2mb，它将重定向到链接并显示其内容。如何避免这种情况并始终下载？