跨域的那些事

为什么要跨域
同源策略
同源策略限制了从同一个源加载的文档或脚本如何与来自另一个源的资源进行交互。这是一个用于隔离潜在恶意文件的重要安全机制。
什么是同源
协议、端口、域名都相同，则两个页面具有相同的源
因为有同源策略的存在，所有在并非同源的情况下想要请求另一个网页的数据时，就需要用到跨域了。以下是一些比较常见的跨域方法
1.JSONP
1.请求方创建script，src指向响应方，同时传形如 ?callback=函数名 的查询参数
2.响应方根据查询参数调用构造响应使请求方调用对应函数
3.请求方收到响应，调用对应函数
但是JSONP的请求是通过script标签建立的，而script标签只支持GET方法，所以在需要使用POST的场景下不适合使用该方法
2.CORS
后台加上响应头
access-control-allow-origin
，使得浏览器可以知道对应页面发来的请求可以被执行
3.postMessage