Angular 拦截器 - rxjs/map 响应字段

Question

应用以下拦截器时不返回响应

intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {

    return next.handle(req).pipe(
      map(response => {
        if (response instanceof HttpResponse) {
          return response.body.data;
        }
        return response;
      })
    );
  }

我希望每个响应的“数据”字段是原始调用者组件中唯一存在的字段

为什么会发生，我怎样才能更好地实现它？

否则我必须为我的项目中的每个请求明确添加pipe -> pluck('data')

Answer 1

intercept(req: HttpRequest, next: HttpHandler): Observable<HttpEvent<any>> {

        return next.handle(req).pipe(map((event: HttpEvent<any>) => {
            if (event instanceof HttpResponse) {
                event = event.clone({body: event.body.data});
            }
            return event;
        }));

    }

在该函数订阅中，您将获得 response.body 作为数据