跨域详解

跨域的概念

从一个站点访问一个资源，然后在这个资源当中又去访问另外的一个站点的资源，这个就是跨域。

同源

同源策略是浏览器的一种安全策略，所谓同源是指，域名，协议，端口完全相同。

SRE实战 互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。

不同源则跨域

例如http://www.baidu.com/

 

AJAX的XMLHttpRequest对象 发送跨域请求，

 

 

解决方法

1、JSONP 跨域

其本质是利用了<script src=""></script>标签具有可跨域的特性，由服务端返回一个预先定义好的Javascript函数的调用，并且将服务器数据以该函数参数的形式传递过来，此方法需要前后端配合完成。

jQuery 的$.ajax() 方法当中集成了JSONP的实现，可以非常方便的实现跨域数据的访问。

 

2· CORS 跨域（跨域资源共享）

 

1 通过服务端响应头的方式
2 通过想客户端输出一个响应头
3 header("Access-Control-Allow-Origin:*");

 

扫码关注我们

微信号：SRE实战

拒绝背锅 运筹帷幄