学无止境

少年辛苦终身事,莫向光阴惰寸功。——唐·杜荀鹤《题弟侄书堂》


什么是跨域及解决办法

跨域

浏览器从一个域名的网页去请求另一个域名的资源时,浏览器处于安全的考虑,不允许不同源的请求

同源策略:协议相同, 域名相同, 端口相同

处理办法: 通过JSONP跨域

JSON是一种数据交换格式

JSONP是一种非官方的跨域数据交互协议

JSONP是包含在函数调用中的json

sjonp是包含在函数调用中的json

script标签不收同源策略的影响,手动创建一个script标签,传递URL, 同时传入一个回调函数的名字

服务器得到名字后, 返回数据时会用这个函数名来包裹数据, 客户端获取到数据之后, 立即吧script标签删掉

cors:跨域资源共享

使用自定义的HTTP头部允许浏览器和服务器相互通信

如果是简单请求,直接设置允许访问的域名:

允许你的域名来获取我的数据

response[‘Access-Control-Allow-Origin‘] = “*”

如果是复杂请求,首先会发送options请求做预检,然后再发送真正的PUT/POST….请求

因此如果复杂请求是PUT等请求,则服务端需要设置允许某请求

如果复杂请求设置了请求头,则服务端需要设置允许某请求头

简单请求:

一次请求

非简单请求:

两次请求,在发送数据之前会先发一次请求用于做“预检”,

只有“预检”通过后才再发送一次请求用于数据传输。

只要同时满足以下两大条件,就属于简单请求。

(1) 请求方法是以下三种方法之一:HEAD GET POST

(2)HTTP的头信息不超出以下几种字段:
Accept
Accept-Language
Content-Language
Last-Event-ID
Content-Type:只限于三个值application/x-www-form-urlencoded、multipart/form-data、 text/plain 

JSONP和CORS:

1.JSONP只能实现GET请求,而CORS支持所有类型的HTTP请求

2.jsonp需要client和server端的相互配合

3.cors在client端无需设置,server端需要针对不同的请求,来做head头的处理