Angular中如何从HEAD请求的响应中获取状态码？

你的实现思路是完全正确的！HEAD请求本身就会返回响应状态码和响应头（没有响应体），所以你当前的代码已经能够拿到状态码了，不过这里有几个细节可以优化一下，让代码更健壮：

• 确认状态码的获取：HttpResponseBase确实包含status属性，你在handleResponse里打印response.status已经能拿到成功请求的状态码（比如200表示资源存在）。
• 修正this指向问题：直接把this.handleResponse传给then会导致handleResponse里的this丢失组件上下文，建议用箭头函数绑定，或者在组件构造函数里提前绑定方法。
• 错误场景下的状态码获取：在handleError里，HttpErrorResponse同样包含status属性，比如404（资源不存在）、500（服务器错误）等，你可以在这里也打印或处理错误状态码。

优化后的代码示例：

getNameObj(queryStr: string): Promise<any> {
  return this.http.head(endpoints.getNamesUrl(queryStr))
    .toPromise()
    // 用箭头函数绑定this，确保handleResponse里的上下文正确
    .then((response) => this.handleResponse(response))
    .catch((error) => this.handleError(error));
}

private handleResponse(response: HttpResponseBase): Promise<any> {
  console.log('HEAD请求成功，状态码：', response.status);
  // 如果你只需要状态码，可以直接返回它，而不是整个response
  return Promise.resolve(response.status);
}

private handleError(error: HttpErrorResponse): Promise<any> {
  console.log('HEAD请求失败，状态码：', error.status);
  // 可以根据不同状态码做针对性处理
  switch(error.status) {
    case 404:
      console.log('请求的资源不存在');
      break;
    case 500:
      console.log('服务器内部错误');
      break;
    // 其他状态码处理...
  }
  return Promise.reject(error);
}

这样调整后，你不仅能在成功时获取状态码，还能在错误场景下捕获对应的状态码并做针对性处理，同时避免了this指向的问题。

内容的提问来源于stack exchange，提问作者RollADie