如何运用八种方法解决JavaScript前端跨域问题？

本文共计2117个文字，预计阅读时间需要9分钟。

目录

一、JSONP跨域

二、document.domain + iframe跨域

三、iframe跨域 + location.hash

四、window.name + iframe跨域

五、postMessage跨域

六、跨域资源共享（CORS）

七、原生Node.js实现 + Koa结合koa2-cors中间件

目录

• 一、jsonp跨域
• 二、document.domain + iframe跨域
• 三、location.hash + iframe跨域
• 四、window.name + iframe跨域
• 五、postMessage跨域
• 六、跨域资源共享（CORS）
• 原生node.js实现
  
• koa结合koa2-cors中间件实现
  
• 七、WebSocket协议跨域
• 八、nginx代理跨域

由于同源策略的限制，满足同源的娱乐才可以获取资源。虽然这样有助于保障网络安全，但另一方面也限制了资源的使用。
那么如何实现跨域呢，以下是实现跨域的一些方法。

一、jsonp跨域

原理：script标签引入js文件不受跨域影响。