调用JSON.parse报跨域错误：合法JSON字符串解析失败如何解决

• 首先可以明确：JSON.parse() 是 JavaScript 原生内置 API，本身不涉及任何网络请求相关逻辑，不可能直接触发跨域错误。观察到的“执行 parse 就报错”属于错误堆栈错位的假象：部分浏览器或前端框架的错误捕获机制，会将异步抛出的错误绑定到最近的同步代码执行行，也就是编写 JSON.parse 语句的行。
• 常见触发场景：解析得到 test 对象后，后续业务逻辑用到了对象内的 coordinates 坐标字段、chatId 等参数，触发了跨域操作（比如调用第三方地图接口、发送携带该参数的跨域 fetch 请求、向跨域 iframe 传递该对象等），这些异步操作的报错被延迟到同步代码执行完毕后抛出，从表面看和 JSON.parse 执行关联了起来。
• 少见触发场景：项目中使用的 JSON.parse polyfill 或者自研框架对原生 JSON.parse 做了改写，内部嵌入了跨域相关逻辑，原生运行环境下不会出现该问题。

• 先定位真实报错源：用 try...catch 包裹 JSON.parse 相关代码，打印完整错误堆栈，同时逐行注释后续用到解析后对象的代码，定位真正触发错误的逻辑：

try {
  let test = JSON.parse(jsonString)
  console.log('解析成功，输出对象：', test)
} catch (e) {
  console.error('完整错误信息及堆栈：', e, e.stack)
}

• 若确认是后续跨域请求导致的报错，按照常规跨域方案处理即可：服务端配置 CORS 响应头、使用后端代理转发请求、适配 JSONP（仅适用于 GET 请求）等。
• 若确认是 polyfill 或框架改写 JSON.parse 导致的问题，替换为原生 JSON.parse 实现，或者排查对应框架的跨域相关配置即可。

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