iframe跨域_前端跨域原理的一些猜想

什么是跨域

•每一个web服务都是一个区域，当两个web服务之间相互通讯时，所以产生了跨域。

为什么会存在跨域

•这是由于浏览器的同源策略的限制。同源策略规定了如果不是同源的服务，相互之间通讯是不允许的，因为这样可能存在安全问题。•同源策略：

•同协议、同域名、同端口

如何处理跨域

•如果不是相互通讯的话即可以不受同源策略的影响。•例如：script标签和iframe标签，都是属于引用外部资源，不存在跨域问题，即不受同源策略的影响。

跨域方法

JSONP

•通过script标签引用接口出传递回调函数，通过回调函数接收参数的方法接收数据

Iframe

•document.domain•location.hash•window.name•postMessage

CORS

•设置跨域资源共享，允许所有的服务访问我的服务。即告诉浏览器不要限制别的服务访问我的服务。•设置Access-Control-Allow-Origin。

Proxy代理

•proxy对象通过拦截你的请求，然后开启一个nodejs服务去访问你的接口，没有通过浏览器，所以也不受同源策略的影响。

WebSocket协议

•该协议规定直接允许跨域通讯，即不存在跨域。