我太懂这种用Fetch调SOAP服务的痛苦了——明明CORS搞定了，结果格式问题卡半天，尤其是那个“<符号不能在第一位”的报错，简直让人头大！结合你遇到的问题，核心原因大概率是请求体的格式没处理对，SOAP服务只认纯XML文本，而不是JSON或者其他序列化后的格式。

先搞懂SOAP请求的核心要求 #

SOAP本质是基于XML的协议，发送请求时必须满足两个关键：

• 请求体必须是原始的XML字符串，不能用JSON.stringify()处理，也不能把XML包在对象里
• 请求头的Content-Type要匹配SOAP版本：
  • SOAP 1.1用text/xml
  • SOAP 1.2用application/soap+xml
• 大部分SOAP服务还要求SOAPAction请求头，值通常是对应操作的命名空间URL（有些服务允许空字符串）

正确的Fetch请求示例 #

下面是一个完整的可参考代码，你可以根据自己的SOAP信封内容调整：

// 你的SOAP XML信封，注意是纯字符串
const soapEnvelope = `<?xml version="1.0" encoding="utf-8"?>
<soapenv:Envelope xmlns:soapenv="http://schemas.xmlsoap.org/soap/envelope/" xmlns:yourns="http://your-namespace-url.com/">
  <soapenv:Header/>
  <soapenv:Body>
    <yourns:YourOperationName>
      <yourns:Param1>Value1</yourns:Param1>
      <yourns:Param2>Value2</yourns:Param2>
    </yourns:YourOperationName>
  </soapenv:Body>
</soapenv:Envelope>`;

fetch('https://your-soap-service-url.com/endpoint', {
  method: 'POST',
  mode: 'cors', // 你已经解决CORS，这个保持即可
  headers: {
    'Content-Type': 'text/xml; charset=utf-8', // 对应SOAP 1.1，若用1.2换成application/soap+xml
    'SOAPAction': 'http://your-namespace-url.com/YourOperationName', // 按需调整，有些服务可以是""
    // 其他可能需要的头，比如Authorization等
  },
  body: soapEnvelope // 直接传XML字符串，不要序列化！
})
.then(response => response.text()) // SOAP响应通常是XML，用text()解析，之后可以转成DOM或者JSON
.then(data => {
  console.log('SOAP响应:', data);
  // 这里处理响应内容
})
.catch(error => {
  console.error('请求出错:', error);
});

为什么你会遇到"<符号在第1位不允许"的报错？ #

大概率是你不小心把XML字符串做了JSON序列化，比如写成了body: JSON.stringify(soapEnvelope)，这会导致请求体的开头变成双引号"，而不是SOAP要求的<，服务端自然会报错。

举个错误示例的请求体对比：

• 错误请求体（JSON序列化后）："<?xml version=\"1.0\"...>"（开头是双引号）
• 正确请求体：<?xml version="1.0" encoding="utf-8"?><soapenv:Envelope...>（开头是<）

最后再检查这几个关键点 #

• 确认你的SOAP信封格式正确，和其他正常请求的XML结构完全一致（可以用Postman先测通，再复制XML到代码里）
• 不要给XML字符串加任何额外的引号或序列化处理
• 核对Content-Type和SOAPAction头是否和服务端要求匹配

这样调整后，应该就能解决格式问题了！

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