同源策略,跨域,jsonp

1. 什么是同源策略

同源策略是浏览器为安全性考虑实施的重要的安全策略。限制来自不同源的资源对当前的文档读取或设置某些属性。
同源:协议,域名,端口号相同。
协议 - http,https
域名 - www.baidu.com
端口号 - http默认为80,https默认为443

2. 什么是跨域?跨域有几种实现形式

跨域是突破同源策略的限制,从一个页面请求另一个不同域页面的资源。
跨域的实现方式
一、 降域
针对主域名相同,子域名不同的情况。如域名后缀相同的child1.a.com和child2.a.com,可设置document.domain = 'a.com',达到降域的目的,实现跨域访问。
二、JSONP
通过动态插入script标签,src值为需要加载资源的路径。资源加载后执行函数。只支持get请求,安全性不高。
三、CROS
跨域资源共享,可以让AJAX实现跨域访问。CROS使用自定义的http头部,让浏览器和服务器沟通,沟通完成后决定响应结果。(实现过程 -- 后台返回结果中设置Access-Control-Allow-Origin的值)
四、HTML5 的 postMessage
支持跨文档,跨域消息传递。

3. jsonp 的原理是什么

利用script标签的可跨越性,在网页中动态创建并添加<script>标签,然后在请求资源页面的url上添加一个callback函数名作为参数。后台服务器将数据放在一个指定名称的callback函数给传回来,由于网页内已定义callback函数,参数返回后,函数便会立即执行。

4. CORS是什么

CROS需要浏览器和服务器同时支持,目前所有浏览器都支持该功能,IE10以下不完全支持。
整个CROS过程,都是浏览器自动完成。在浏览器发现AJAX请求跨域,会自动添加一个origin字段的头信息,告诉跨域的后台,此次跨域请求是由哪个源发出的。服务器根据前端发过来的的跨域的ajax请求的origin字段,决定是否同意此次跨域访问。(后台可设置一个标头,决定是否通信)。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容