有哪些方法可以实现js前端跨域问题？

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

目录：

1.JSONP跨域

2.document.domain跨域

3.iframe跨域

4.location.hash跨域

5.window.name跨域

6.postMessage跨域

7.跨域资源共享（CORS）

8.原生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文件不受跨域影响。不仅如此，带src属性的标签都不受同源策略的影响。