使用带基本身份验证的contenturl从Angular下载文件

npm install @angular/common/http

import { HttpClient, HttpHeaders } from '@angular/common/http';
import { saveAs } from 'file-saver';

downloadFile() {
  const url = 'http://example.com/file-url'; // 替换为实际的文件下载链接
  const headers = new HttpHeaders().set('Authorization', 'Basic username:password'); // 替换为实际的用户名和密码

  this.http.get(url, { headers, responseType: 'blob' }).subscribe(response => {
    const contentDispositionHeader = response.headers.get('Content-Disposition');
    const fileName = contentDispositionHeader.split(';')[1].trim().split('=')[1].replace(/"/g, '');

    saveAs(response.body, fileName);
  });
}

<button (click)="downloadFile()">下载文件</button>