Angular发起POST请求调用NodeJs API无法正常获取数据

你的请求失败核心原因是参数重复包装导致Payload结构和Postman不一致，后端无法读取到预期的clientid字符串值。

错误逻辑溯源 #

两层代码的传参逻辑出现了嵌套问题：

1. 业务层app.ts中构造的postData本身就是符合接口要求的平级对象：

var postData = {
  clientid: localStorage.getItem("storageselectedclient"), // 实际值为字符串"D0242"
};
// 调用service方法时，传入的是整个{clientid: "D0242"}对象
this.article.DigestEmailIdPrint(postData)

2. 但service层方法接收到这个对象（形参误命名为clientid）后，又额外做了一层对象包装：

DigestEmailIdPrint(clientid) {
  // 此处形参clientid实际接到的是{clientid: "D0242"}整个对象，不是字符串
return this.http.post<any>(
  this.SERVERURL + this.AppSettings.DigestEmailIdPrint,
  { clientid: clientid } 
  // 最终发送的Payload结构为 {clientid: {clientid: "D0242"}}，和Postman的平级结构完全不符
);
}

后端读取请求体中clientid字段时，拿到的是嵌套对象而非预期的字符串，因此触发"Client Id is not selected!"的校验提示，这也是为什么Postman能跑通、Angular请求失败的核心原因。

修复方案 #

两种修改方式二选一即可，禁止重复包装参数：

• 方案1：修改service层逻辑，直接透传业务层构造好的参数对象

// service.ts
DigestEmailIdPrint(postData: {clientid: string}) {
return this.http.post<any>(
  this.SERVERURL + this.AppSettings.DigestEmailIdPrint,
  postData // 直接传入已构造好的平级对象，不再二次包装
);
}

• 方案2：保留service层包装逻辑，修改业务层调用方式，直接传入clientid字符串

// app.ts
DigestEmailIdPrint() {
  // 直接取字符串值，不再提前包装对象
  const clientid = localStorage.getItem("storageselectedclient");
  this.article.DigestEmailIdPrint(clientid).subscribe(
    (res) => {
      console.log(res);
      if (res.message != "No Record Found") {
        // 注意：不要用和方法同名的变量存储返回值，会覆盖类方法导致后续调用报错，建议改名
        this.digestEmailIdPrintRes = res;
      }
    },
    (err) => {
      console.log(err);
    }
  );
}

验证方式 #

修改后打开浏览器网络面板，确认请求Payload为平级结构{"clientid": "D0242"}，和Postman中的请求结构完全一致即可正常请求。

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