如何使用POST类型Curl API并添加数据限制参数

你的Fetch代码没生效，主要是缺了两个关键内容：请求体的参数传递，以及Curl里带的身份验证Cookie，这俩都得补上才能让参数生效。

修正后的完整Fetch代码 #

const url = APIConfig.SERVER.ORDER + "/all/" + userID;
fetch(url, {
  method: "POST",
  headers: { 
    "Content-Type": "application/json",
    // 把Curl里的Cookie原封不动放进来，注意如果token是动态生成的要替换成有效值
    "Cookie": 'connect.sid=s%253ArO7T68J_dUxbwAoogHU.ezS9SwNk1gb8AgJxOUqjzoJoza9ETpE7t1TDugussQY; token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJwaG9uZU51bWJlciI6IjA4MTExNzA5MjIxIiwidXNlcm5hbWUiOiJGbG8iLCJpYXQiOjE2NjE2NDI0NjcsImV4cCI6MTY2MTY0NjA2N30.8hyXmK3H0N9Iccedv9XSs6_rbtmToS8B0woxWNj9IXM'
  },
  // 这里对应Curl里--data的部分，要转成JSON字符串
  body: JSON.stringify({
    limit: 10,
    page: 1
  })
})
.then((response) => response.json())
.then((data) => {
  setOrderList(data.data);
})
.catch((error) => {
  console.error("Error:", error);
});

几个要注意的点 #

• 请求体格式：Curl的--data对应Fetch的body字段，必须用JSON.stringify()把对象转成字符串，同时Content-Type要严格设为application/json（你的代码里写的application/JSON虽然大部分服务兼容，但建议统一小写更规范）。
• Cookie不能少：原Curl里的connect.sid和token是服务端验证身份的凭证，没传的话服务端可能直接拒绝请求，或者返回空数据，这大概率是你之前参数无效的主要原因。
• 排查方向：如果还是不行，先检查这几点：
  • Cookie里的token是不是当前有效的，别直接用示例里的过期值
  • 打开浏览器开发者工具的Network面板，看请求的Payload是不是正确的JSON格式
  • 确认下服务商的接口是不是真的支持在POST请求体里传分页参数，有些接口可能要求POST也把limit/page拼在URL后面（比如/all/xxx?limit=10&page=1）

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