Angular 8 中的 Http post 响应问题

Question

我正在尝试将服务器响应内容下载为 csv。 在做同样的事情时，我遇到了 2 个错误。

方法如下：

generateCsv(exportModel: any) {
    let headers={};
    return this.http.post<any>(ReportConstant.exportApi, exportModel,
        { observe:"response",responseType: 'blob'})
} 

错误：

src/app/components/export/_services/export.service.ts(22,91) 中的错误：错误 TS2322：类型“响应”不能分配给类型“主体”。

src/app/components/export/_services/export.service.ts(22,110): 错误 TS2322: 类型 '"blob"' 不可分配给类型 '"json"'。

我对前端技术很陌生。 请建议我解决问题的解决方案。

Answer 1

     return  this.httpClient.post(url,
            body,
            {
                headers: new HttpHeaders({
                    'Content-Type': 'application/json'
                }),
                observe: 'response',
                responseType: 'blob'
            }
        );

Answer 2

您使用 POST API(Http Client) 的方式是错误的

如果您将更多数据传递给服务器，请使用POST否则GET应该完成这项工作

POST：如果您有疑问，请导入statemenet

import {HttpClient, HttpHeaders, HttpParams, HttpParameterCodec} from "@angular/common/http";

将此添加到您的构造函数中

private httpClient: HttpClient

代码开始：

let body = new HttpParams({encoder: new CustomEncoder()});
body = body.append('args', 'stringArguments')); //Add needed arguments

//Set header and response types

let options= {
      headers: new HttpHeaders().set('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8'),
      responseType:'text' as 'json'
    };

// This will return a promise(observable) which can be called utilized as 
// observableReturn.subscribe(response => this.ProcessAsyncResponse(response), error => this.HandleSRProcessError(error, this.serviceRequestCallList));

return this.httpClient.post(ajaxUrl, body, options)