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字段,决定是否同意此次跨域访问。(后台可设置一个标头,决定是否通信)。