Return a CSV File from Flask to Angular Client

I have an app which runs an Angular Frontend and Flask Backend. I have created a button that trigger a API call to Flask that queries my database and returns a dataframe (df) in a CSV format.

I believe I have coded the Flask part correctly as I can't see any errors in the logs. However, I do get an error appearing on the client side which is:

SyntaxError: Unexpected token '', ""... is not valid JSON

I suspect its because my subscribing of the data is done incorrect, but I am unsure of what needs to happen

Angular (When the Download Button is clicked, this is triggered)

      fullDownload() {
        let responseData: any;
        const date = this.selectedDate;
        const id= this.selectedId;
        this.seriveFile.getFullData(date, id).subscribe(
              data => {
                responseData = new Blob([data], {type: 'text/csv'})
                const url = window.URL.createObjectURL(responseData);
                window.open(url);

                 },
              error => {this.errorMessage = error.error.error;
                         }
              );
      }

Angular (The service it calls)

  public getFullData(value, id) {
    let params = new HttpParams();
    params = params.append('date', value);
    params = params.append('id', id);
    return this.http.get<any>(`${this.baseAPIURL}/api/example/download-data`, {params, responseType:"blob" as "json"});
  }

Flask

resp = make_response(df.to_csv(index=False))
resp.headers["Content-Disposition"] = "attachment; filename=export.csv"
resp.headers["Content-Type"] = "text/csv"
return resp

Via Active questions tagged javascript - Stack Overflow https://ift.tt/TvU56LY