Node.js转浏览器端JavaScript API调用报错：缺失必填参数Id

你将Node.js的HTTPS请求代码改写为浏览器端Fetch调用后，收到报错：

Missing value of required parameter 'Id'

原Node.js代码 #

const http = require("https");

const options = {
  "method": "POST",
  "hostname": "test.com",
  "port": null,
  "path": "/path",
  "headers": {
    "Authorization": "Token token-value"
  }
};

const req = http.request(options, function (res) {
  const chunks = [];

  res.on("data", function (chunk) {
    chunks.push(chunk);
  });

  res.on("end", function () {
    const body = Buffer.concat(chunks);
    console.log(body.toString());
  });
});

req.write(JSON.stringify({
  data: {
    'Id': 'id value'
  },
  responsive: false
}));
req.end();

你改写的浏览器端代码 #

const url='https://test.com/path'

const bodyContent = {
    data: {
        'Id': 'id value'
    },
    responsive: false
};   
const options = {
    "method":"POST",
    "port":null,
    "headers": {
        "Authorization":"Token token-value"
    },
    body: JSON.stringify(bodyContent)
}
const res = await fetch(url, options)

• 问题原因：你的Fetch请求未设置Content-Type: application/json请求头，后端无法识别请求体是JSON格式，自然解析不到Id参数。Node.js的http.request在发送JSON字符串时，部分后端会自动尝试解析，但Fetch不会默认添加该头。

• 修正后的代码：

const url = 'https://test.com/path';

const bodyContent = {
    data: {
        'Id': 'id value'
    },
    responsive: false
};   

const options = {
    method: "POST",
    headers: {
        "Authorization": "Token token-value",
        "Content-Type": "application/json" // 关键：添加JSON类型头
    },
    body: JSON.stringify(bodyContent)
};

// 确保await在async函数内执行
async function sendRequest() {
    try {
        const res = await fetch(url, options);
        const responseData = await res.json(); // 解析响应为JSON
        console.log(responseData);
    } catch (err) {
        console.error('请求出错:', err);
    }
}

sendRequest();

• 额外优化点：
  • 移除了无用的port字段，Fetch不需要这个参数，HTTPS默认使用443端口，已包含在URL中。
  • 增加了错误捕获，避免请求失败时抛出未处理的异常。
  • 补充了响应解析逻辑，和原Node.js代码的功能对齐。

内容的提问来源于stack exchange，提问作者Francesco Gallù