Angular 5 POST请求报错：请求头参数设置无效求助

算力阿峰

2026-5-27

问题排查与解决方案

先看你第一段代码里的核心问题：
你调用this.http.post时的参数传递错误！你已经创建了完整的RequestOptions对象options，但却错误地把它嵌套到了{headers: options}这个对象里——http.post的第三个参数需要的是RequestOptions类型，而不是一个包含headers属性的普通对象，这直接导致了类型不匹配的报错。

修正后的第一段代码：

public getAppData(countryPath): Observable<any> { 
  const headers = new Headers(); 
  headers.append('Content-Type', 'application/json'); 
  const options = new RequestOptions({ headers: headers }); 
  // 直接传入完整的options对象，而非嵌套在headers属性中
  return this.http.post(this.retailApi, JSON.stringify(this.postParam), options); 
}

再来说你第二次尝试的错误（结合这类场景的常见问题推断）：
如果你的Angular版本是4.3及以上，官方已经弃用了旧的Http模块，转而推荐使用HttpClient模块，旧的Headers和RequestOptions也被替换成了HttpHeaders。如果是这种情况，你需要调整代码写法适配新模块：

适配HttpClient的正确写法（Angular 4.3+）：

// 先确保在你的模块中导入HttpClientModule
import { HttpClient, HttpHeaders } from '@angular/common/http';

// 在服务的构造函数中注入HttpClient
constructor(private http: HttpClient) {}

public getAppData(countryPath): Observable<any> { 
  const headers = new HttpHeaders()
    .set('Content-Type', 'application/json');
  
  // HttpClient会自动序列化请求体，无需手动调用JSON.stringify
  return this.http.post(this.retailApi, this.postParam, { headers: headers }); 
}

额外提醒几个注意点：