采购订单评论CRUD功能报错：GET请求404及payload异常问题

1. 先解决[object%20Object]的URL错误 #

这个问题是因为拼接API地址时，你把整个对象当成采购订单ID传入了，而非对象里的id属性。比如请求代码可能是这样的错误写法：

// 错误示例：直接传入payload对象
const response = await poRequest.get(`/purchaseOrder/${payload}/comments`);

对象转字符串后就是[object Object]，自然会导致404。

2. 修复payload.id undefined的问题 #

改成payload.id后出现undefined，说明你传给Redux action的payload里根本没有id字段，常见原因和修复方式：

• 调用action时传参错误：确保调用时传入的是带id的对象，或者直接传ID值：

  // 方式一：传入带id的对象
  dispatch(fetchComments({ id: purchaseOrderId }));
  // 方式二：直接传ID值（后续action里直接用payload即可）
  dispatch(fetchComments(purchaseOrderId));
  

• action creator处理逻辑错配：如果调用时传的是原始ID，就别去取payload.id，直接用payload：

  export const fetchComments = createAsyncThunk(
    'po/fetchComments',
    async (poId) => {
      const response = await poRequest.get(`/purchaseOrder/${poId}/comments`);
      return response.data;
    }
  );
  

• 组件中获取ID的逻辑错误：检查组件里的采购订单ID字段名，比如是不是写成了poId而非id，导致传参时根本没带上正确的ID值。

3. 后端路由校验 #

同时确认C#后端的PurchaseOrderController路由匹配正确，比如：

[HttpGet("{poId}/comments")]
public IActionResult GetPurchaseOrderComments(int poId)
{
    // 业务逻辑代码
}

确保路由参数名（poId）和前端传入的ID类型匹配，避免因类型不匹配导致的隐性错误。

快速调试技巧 #

在Redux action里加一行日志，直接打印payload的结构，就能明确问题出在哪：

async (payload) => {
  console.log('收到的payload:', payload); // 看控制台输出的具体内容
  // 后续请求代码
}

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