Angular 2+ Http post request responseType blob不显示服务器返回的json错误

Question

我有一个返回文件（blob）的后端方法。为此，我将 angular http post call 的 responseType 设置为 blob。一切正常，文件下载成功。 但是，如果服务器出现错误，我发送了自定义 json 错误消息，但客户端无法解析它。我想这是一个问题，因为客户端需要 blob。

return this.httpClient.post(`http://myapi.com/mydata/DownloadJob?jobId=${jobId}`, null, { headers, responseType: 'blob' });

我找到了一个类似的链接，该链接显示了如何为 Angular 1.x here 解决这个问题。我想在 Angular 2+ 中做同样的事情。如何实现？

#更新 我找到了this，这正是我想要的

Answer 1

您可以为您的 httpClient 创建一个错误拦截器。这个拦截器检查是否有任何错误，如果有错误并且它被用作 blob，您可以使用它的 .text() 方法将其转换为文本，然后 JSON.parse() 将其转换为可用的对象。

@Injectable()
export class ErrorInterceptor implements HttpInterceptor {
  intercept(
    req: HttpRequest<unknown>,
    next: HttpHandler
  ): Observable<HttpEvent<unknown>> {
      return next.handle(req).pipe(
        catchError((error: HttpErrorResponse) => {
          const message = JSON.parse(error.error.text());
          return throwError(message);
        })
      );
  }
}

不太确定，没有测试，但听起来差不多。