如何用Angular HttpClient模拟CURL POST请求（兼容toPromise）

报错“Error response is not a String”的核心原因是请求配置里的responseType设置错误：你把'text'强制断言为'json'，导致Angular依然尝试将服务端返回的文本响应解析成JSON格式，和实际响应类型冲突，触发错误。而你的curl命令是正常接收文本响应的，两者的配置逻辑不一致。

直接修正responseType的配置，明确指定为'text'，同时调整类型断言的方式，确保Angular按文本格式处理响应，再结合要求的toPromise()方法即可正常请求。

import { HttpClient, HttpHeaders } from '@angular/common/http';

class CheckoutComponent {
  constructor(private http: HttpClient) {}

  async testCheckout() {
    const payload = {
      "amount": 12,
      "user_id": "12345",
      "token": "the_token"
    };

    // 修正请求配置：正确设置响应类型，移除错误的类型断言
    const requestOptions = {
      headers: new HttpHeaders({
        'Content-Type': 'application/json'
      }),
      responseType: 'text' as const // 用'as const'确保类型正确推导，避免冲突
    };

    const url = 'https://path/to/api/endpoint';

    const curlCommand = `curl -X POST -H "Content-Type: application/json" -d '${JSON.stringify(payload)}' ${url}`;
    console.log(curlCommand);

    // 添加try/catch便于捕获调试异常
    try {
      const response = await this.http.post(url, payload, requestOptions).toPromise();
      console.log('请求成功，响应结果:', response);
    } catch (error) {
      console.error('请求失败:', error);
    }
  }
}

• 把原变量名headers改为requestOptions，更准确反映其包含的不只是请求头
• 替换错误的responseType: 'text' as 'json'为responseType: 'text' as const，让Angular明确知晓要处理文本响应
• 增加try/catch块，方便调试请求过程中出现的异常

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