Angular interceptor - 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;
      })
    );
  }

我希望每个响应的'data‘字段是原始调用者组件中唯一存在的字段

为什么会发生这种情况，我如何更好地实现它？

否则，我必须为项目中的每个请求显式添加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;
        }));

    }

在subscribe函数中，您将获得response.body作为数据