Angular向Node.js传递数据异常排查：为何请求参数未到达后端控制器？

我帮你排查出两个核心问题，刚好对应你遇到的后端收不到数据的情况：

1. 请求体数据结构不匹配 #

前端发送的请求体是单个字符串类型的productId：

// 前端实际发送的请求体
{ productId: "xxx" }

但后端接口定义里，body中的productId被声明为字符串数组类型：

// 后端期望的请求体结构
{ productId: ["xxx"] }

这种结构不匹配会导致后端无法正确识别你传递的数据，自然就收不到有效值。

2. 后端可能未配置JSON解析中间件 #

如果你的Node.js后端使用Express框架，默认不会自动解析JSON格式的请求体。如果没有在路由之前添加express.json()中间件，req.body会始终是undefined，这也是后端收不到数据的常见原因。

修复方案（二选一即可） #

方案A：调整前端请求体（适配后端的数组要求）

如果后端确实需要接收多个商品ID的数组，把前端的单个productId包装成数组：

public addProductsToBag( productId: string, ): Observable<IAddProductsToBagResponse> { 
  const baseUrl = ENDPOINT; 
  return this.http.post<IAddProductsToBagResponse>(baseUrl, { productId: [productId], }); 
}

方案B：调整后端接口定义（适配前端的单个ID传递）

如果只需要传递单个商品ID，修改后端的请求接口定义：

interface IAddProductsToBagRequest extends IAuthenticatedRequest { 
  readonly body: Readonly<{ productId: string; }>; 
}

额外检查：确认Express中间件配置 #

在你的Node.js入口文件（比如app.js或server.js）中，务必在路由注册前添加JSON解析中间件：

const express = require('express');
const app = express();

// 必须放在路由注册之前
app.use(express.json());

// 之后再注册你的购物袋路由
const bagRouter = require('./routes/your-bag-router');
app.use('/your-endpoint-path', bagRouter);

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