如何使用 api angular 下載文件

Question

我有一個下載文件的 API，我在按鈕上有一個按鈕 我有一個點擊，向 API 發送請求以下載文件，但它不起作用請求發送成功但文件沒有下載，但是當我正在將 URL 添加到瀏覽器中，文件已成功下載

HTML

<button (click)="exportFile()">Download</button>

TS

  exportFile(): void{
this.companiesService.export().subscribe((res) => {
  console.log(res);
});
}

服務

  export(){
    const headers = this.httpOptions.headers.set('Authorization', `Bearer ${this.cookieService.get('access-token')}`);
    return this.http.get(`${this.API_URL}/company/export/`,{headers});
  }

Answer 1

您需要處理返回的 blob 並將其保存為文件。 僅僅退貨是不夠的。 也許這個演示可以讓您更深入地了解如何改進您的服務。 https://stackblitz.com/edit/angular-file-download-progress-qsqsnf?file=src%2Fapp%2Fdownload.ts