Angular 4中使用HttpClient带查询字符串POST数据报错求助

我来帮你梳理下代码里的问题，主要是Angular HttpClient.post 的参数配置不符合API规范导致的错误，具体修正如下：

错误点分析 #

• 参数结构错误：你把{urlSearchParams}作为单独的第三个参数传递，但HttpClient.post的第三个参数是统一的配置对象，所有请求配置（比如查询参数、响应类型）都要放在这个对象里，不能拆分传递。
• 配置参数名错误：查询参数的配置项是params，不是urlSearchParams，HttpClient无法识别你自定义的这个键名。

修正后的代码 #

public issueId(asset: Type): Observable<Blob> { 
  // 创建查询参数对象
  const requestParams = new HttpParams().set('access_token', this.cookieService.get('access_token')); 
  console.log('Entered DataService issueID'); 
  
  // 所有配置项统一放在第三个参数的对象中
  return this.httpClient.post(
    'http://localhost:3000/api/system/identities/issue', 
    asset, 
    { 
      params: requestParams, 
      // 类型断言：解决TypeScript对responseType的类型限制
      responseType: 'blob' as 'json' 
    }
  ); 
}

关键说明 #

1. 参数合并：params（查询参数）和responseType必须放在同一个配置对象内，作为post方法的第三个参数传入。
2. 类型断言：设置responseType: 'blob'时，需要加上as 'json'的类型断言，这是因为Angular的TypeScript类型定义要求responseType的类型与泛型匹配，这是一个常见的兼容写法。
3. 参数命名：把变量名从urlSearchParams改成requestParams只是为了更清晰，你也可以保留原来的名字，但配置项必须是params。

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