XML请求需手动解析：fetch/axios默认不转XML为DOM，须用response.text()配合DOMParser；注意编码、命名空间、大小写敏感；解析结果不可响应式，应提取字段转Plain Object；跨域时警惕CORS预检失败。
XML请求失败：Vue里fetch或axios默认不解析XML
浏览器原生 fetch 和主流封装如 axios 默认把响应体当 text/plain 或 application/json 处理，遇到 Content-Type: text/xml 或 application/xml 时，不会自动转成 DOM 对象——你拿到的只是字符串，不是能用 querySelector 查找的 XML 文档。
- 错误现象：
response.xml是undefined，或调response.text()后得到一长串未解析的原始字符 - 必须显式调用
response.text()再用new DOMParser().parseFromString(..., "text/xml") -
axios可设responseType: "document"（仅现代浏览器支持），但兼容性差，不如统一走text+DOMParser - 注意：如果服务端返回的 XML 带 BOM 或编码声明不匹配（比如声明
UTF-8但实际是GBK），DOMParser会静默失败，parseError属性为null，需检查document.documentElement.tagName === "parsererror"
解析后取不到节点：命名空间和大小写敏感是隐形坑
XML 不像 HTML 那样宽容。带命名空间（如 getElementsByTagName("item") 会返回空 NodeList——因为大小写严格匹配，且命名空间必须显式处理。
- 避免用
getElementsByTagName，改用querySelector或querySelectorAll，它们对大小写敏感但更可控 - 有命名空间时，不能写
doc.querySelector("soap:Body")，得先用doc.documentElement.lookupNamespaceURI("soap")拿 URI，再用doc.querySelector("[xmlns\\:soap]")这类 hack，或者干脆去掉命名空间预处理字符串（适用于可信数据源） - 常见错误：
doc.querySelector("item")找不到doc.getElementsByTagName("item")返回 0，但doc.getElementsByTagName("Item")才对 - 建议在解析后立刻检查
doc.documentElement.nodeName，确认根节点名是否符合预期，避免后续全链路静默失败
Vue响应式失效：XML解析结果不能直接赋给ref或reactive
DOMParser.parseFromString 返回的是原生 XMLDocument 实例，它不是普通 JS 对象，Vue 的响应式系统无法追踪其属性变化（比如你改了 node.textContent，视图不会更新）。
- 不要把整个
XMLDocument或任意Node实例塞进ref()或reactive() - 只提取你需要的字段，转成 plain object 或 array：例如
{ id: node.getAttribute("id"), name: node.querySelector("Name")?.textContent || "" } - 如果结构复杂、层级深，用递归函数扁平化提取，别试图让 Vue 监听 XML 树
- 性能提示：XML 解析本身不慢，但反复调
querySelector查深层节点开销明显，建议一次性提取所有需要字段，缓存结果
跨域或CORS报错：XML接口常被忽略的预检陷阱
有些 XML 接口（尤其是老 SOAP 服务）用 POST + text/xml Content-Type，触发浏览器 CORS 预检（preflight）。而很多后端没配好 Access-Control-Allow-Headers: Content-Type，导致 OPTIONS 请求 403 或 500，控制台只显示“CORS error”，不提示具体缺哪个头。
立即学习“前端免费学习笔记（深入）”；
- 检查 Network 面板，看是否有 OPTIONS 请求失败；如果有，重点看响应头是否包含
Access-Control-Allow-Origin和Access-Control-Allow-Headers - 临时调试可加
mode: "no-cors"，但这样只能发简单请求（限 GET/POST/HEAD + 白名单 header），且无法读响应——仅用于测通断，不能用于取数据 - 真正解决要后端配合：允许
Content-Type，并确保Access-Control-Allow-Methods包含POST - 开发期可用本地代理绕过，Vite 的
server.proxy或 Vue CLI 的devServer.proxy都支持，路径重写比 CORS 配置更快落地
