Angular HttpClient：Blob类型请求参数传递失败求助

你的问题核心在于HttpParams的不可变性：HttpParams是不可变对象，调用append()方法不会修改原变量，而是返回一个全新的实例。你原来的代码只调用了append但没把返回值重新赋值给params，导致最终传递的还是空参数对象。

修正后的代码 #

ExportMyTicket(): Observable<Blob> {
  // 方式1：链式调用append并赋值
  let params = new HttpParams().append('myParam', '111');
  
  // 方式2：分步赋值（适合多参数场景）
  // let params = new HttpParams();
  // params = params.append('myParam', '111');

  return this.http.get<Blob>(`${this.exportExcelUrl}`, {
    params,
    // 直接指定responseType为'blob'即可，无需转成'json'
    responseType: 'blob'
  });
}

额外优化建议 #

• 多参数场景用fromObject初始化更高效：

  const params = new HttpParams({
    fromObject: {
      myParam: '111',
      secondParam: '222'
    }
  });
  

• 如果后端要求POST请求传参（比如参数过多），可以改用http.post，将参数放在请求体中，同时保持responseType: 'blob'的配置即可。

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