当API返回204状态代码时，httpclient响应为null

Question

我有一个休息端点/Products/latest，如果没有产品，它会返回204，并提供以下通用角度服务：

  getFromAPI(url: string) {
    const params = new HttpParams();

    return this.http
        .get(url, { params: params })
        .catch((err: HttpErrorResponse) => {
            console.error(`Backend returned code ${err.status}, body was: ${err.error}`);                  
            return Observable.of([]);
        });
  }

和

 getFromAPI() {
        return this.masterService.get('/Products/latest').map((res: Response) => {
            if (res.status === 204) {
                return Observable.of([]);
            } else {
                return res;
            }

        });
    }

但是，当服务产生204代码时，出现以下错误：

  

TypeError：无法读取null的属性“状态”

这怎么可能发生？如果API响应为204，为什么整个响应都为空？

Answer 1

首先，我想说的是strange (or wrong)，您的后端返回的是空集合的204，而不是200和空列表的返回。

我使用Angular7和RxJS6构建了一个测试用例，其中我的后端配置如下：

[HttpGet("/Products/latest")]
public async Task<NoContentResult> list()
{
  return NoContent();
}

在前端使用：

public getFromAPI() {
  return this.httpClient.get('/Products/latest', { observe: 'response' }).pipe(
    switchMap(res => res.status === 204 ? of([]) : of(res))
  ).subscribe();
}

尽管没有尸体，但响应显然包含一个状态：

您的问题可能出在this.masterService上，它似乎在代理您的http客户端并吞没了某些属性？