什么是跨域，为什么产生跨域，有哪些解决跨域的方式

概念：跨域是由浏览器的同源策源产生的，是指页面请求的接口地址，必须与页面的url地址处于同域上（即域名、端口、协议相同）。这是为了防止某域名下面的接口，被其他域名下的网页非法调用，是浏览器对JavaScript施加的安全限制。

跨域产生的原因：域名，端口，协议不同（不符合同源策略）

解决方案：

JSONP

正向代理：对正向代理服务器进行配置，当获取非接口数据时，让代理服务器指向开发者本机的资源。当访问接口时，访问后端接口数据。

反向代理：原理大体相同，但是处理的端不同，反向代理是在服务器端进行处理。首先修改hosts文件，将域名指向开发者的电脑本身，把自己伪装成服务端，再通过nginx对不同的请求进行转发，把静态资源指向开发者本地电脑的资源，将接口指向实际的服务器。

使用跨域资源共享(CORS)：CORS（Cross-Origin Resource Sharing）跨域资源共享，定义了必须在访问跨域资源时，浏览器与服务器应该如何沟通。CORS背后的基本思想就是使用自定义的HTTP头部让浏览器与服务器进行沟通，从而决定请求或响应是应该成功还是失败。

嵌入iframe

使用window.postMessage方法：这个东西是HTML5引入的，可以在不同的window下传递数据，不受域的影响。目前IE8+、FireFox、Chrome、Opera等浏览器都已经支持该方法。
window.postMessage(message,targetOrigin)
调用postMessage方法的window对象是指要接收消息的那一个window对象，该方法的第一个参数message为要发送的消息，类型只能为字符串；
第二个参数targetOrigin用来限定接收消息的那个window对象所在的域，如果不想限定域，可以使用通配符 * 。
需要接收消息的window对象，可是通过监听自身的message事件来获取传过来的消息，消息内容储存在该事件对象的data属性中。