Angular 5：带参数并观测完整响应的GET请求实现方法

嘿，这问题我熟！你刚才的代码问题出在把配置参数拆成两个对象传了——Angular 5的HttpClient.get()方法只接受两个参数：第一个是请求的URL字符串，第二个是单一的配置选项对象，所有的参数（比如params、observe）都要放在这个对象里面，不能分开传哦。

正确的实现方式 #

你只需要把params和observe合并到同一个配置对象里就行，具体代码如下：

// 先导入需要的模块（如果还没导的话）
import { HttpClient, HttpParams, HttpResponse } from '@angular/common/http';

// 构建查询参数
const params = new HttpParams().set('q', 'cironunes');

// 发起GET请求，观测完整响应
this.http.get(server_url, {
  params: params,
  observe: 'response' // 关键：指定观测完整的HttpResponse对象
}).subscribe((response: HttpResponse<any>) => {
  // 这里的response就是完整的响应对象，包含状态码、响应头、响应体等
  console.log('响应状态码:', response.status);
  console.log('响应头:', response.headers);
  console.log('响应体:', response.body);
});

关键点说明 #

• observe: 'response'：这是核心配置，默认情况下Angular会只返回响应体，设置这个值后，你会拿到完整的HttpResponse实例，里面包含了状态码、响应头、响应体等所有响应相关的信息。
• params：把构建好的HttpParams实例放在配置对象的params属性里，就能自动拼接到URL的查询参数中啦。

这样修改之后，你就能如愿以偿地拿到完整的响应对象，而不是仅仅响应体了😉

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