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

Question

我有一个Restendpoint/产品/最新，如果没有产品，它将返回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的属性“status”

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

Answer 1

首先，我会说你的后端为空集合返回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();
}

尽管没有身体，但回应显然包含了一种状态：

您的问题可能出在< code>this.masterService中，它似乎代理了您的http客户端并吞掉了一些属性。