JavaScript Fetch API GET请求添加Raw请求体报错问题求助

我完全懂你的困扰——Postman里能正常跑的GET带Raw请求体，到了Fetch API里就直接报错，这是因为Fetch严格遵循HTTP规范，规范里明确规定GET/HEAD方法的请求不能包含body，所以浏览器会直接拦截这种请求。不过针对你的情况（服务器只接受GET请求），这里有几个可行的解决方案：

方案1：将请求体数据转为URL查询参数（推荐） #

HTTP规范里GET请求的参数本来就应该放在URL的查询串中，所以最稳妥的办法是把你Raw里的内容解析成键值对，拼到URL后面。

比如假设你的raw是JSON格式的字符串：{"key1": "value1", "key2": "value2"}，可以这样处理：

// 解析Raw数据为JSON对象
const rawData = JSON.parse(raw);
// 转换为查询参数
const searchParams = new URLSearchParams(rawData);
// 构造带查询参数的URL
const targetUrl = new URL("https://example.net:/app/v1/cmp/displacer/url");
targetUrl.search = searchParams;

// 发起GET请求（不需要body）
const requestOptions = { 
  method: 'GET', 
  headers: myHeaders, 
  redirect: 'follow' 
};

fetch(targetUrl.toString(), requestOptions)
  .then(response => response.text())
  .then(result => console.log(result))
  .catch(error => console.log('error', error));

如果你的Raw不是JSON格式（比如纯文本），可以根据服务器的解析规则，把内容作为单个查询参数的值传进去，比如?data=你的Raw内容。

方案2：强制构造带body的GET请求（不推荐，应急用） #

这个方法属于"钻空子"，绕过Fetch的规范检查，但兼容性很差（不同浏览器/运行环境可能不支持），而且不符合HTTP标准，服务器端后续如果调整也可能失效。不过如果必须用GET带body，可以试试：

// 先构造Request对象
const request = new Request("https://example.net:/app/v1/cmp/displacer/url", {
  method: 'GET',
  headers: myHeaders,
  redirect: 'follow'
});

// 强制给Request添加body（覆盖规范限制）
Object.defineProperty(request, 'body', { value: raw });
Object.defineProperty(request, '_bodyInit', { value: raw });
Object.defineProperty(request, '_bodyText', { value: raw });

// 发起请求
fetch(request)
  .then(response => response.text())
  .then(result => console.log(result))
  .catch(error => console.log('error', error));

⚠️ 注意：这个方法可能在很多环境下失效，比如新版Chrome、Node.js的Fetch实现都会拦截，所以只建议临时应急用。

方案3：联系服务器端修改接口（最优长远解） #

本质上，服务器端接受GET带请求体的设计是不符合HTTP规范的，这会导致很多HTTP客户端（包括Fetch、Axios等）都无法正常兼容。所以最彻底的办法是和服务器开发人员沟通，要么把接口改成POST/PUT方法（这类方法本来就支持请求体），要么让他们支持通过URL查询参数接收数据，这样后续的兼容性和维护性都会好很多。

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