实现跨域请求的三种方法

同源策略

• 同源策略是由浏览器给的
• 浏览器不允许我们向别人发送请求，只能向自己的服务器发送请求
• 当我们想向别人的服务器发送请求的时候，就会被浏览器阻止了
• 什么是 “别人的服务器” 呢？
  • 当 请求协议/域名/端口号 有任意一个不同的时候，那么就算是别人的服务器
  • 这个时候就会触发同源策略
• 我们管触发了 同源策略 的请求叫做跨域请求

实现一个跨域请求

• 有的时候我们是需要实现跨域请求的
• 我们需要多个服务器给一个页面提供数据
• 那么这个时候我们就要想办法解决跨域问题

JSONP

• jsonp 是我们实现跨域请求的手段，是把我们之前的东西组合在一起使用的技术手段而已
• 利用的是 script 标签来实现

script 标签的本质

• 浏览器给我们提供了一个 script 标签
• 它的本质就是请求一个外部资源，是不受到同源策略的影响的
• 同时 script 标签的 src 属性，也是一种请求，也能被服务器接收到
• 并且：
  • script 标签的 src 属性请求回来的东西是一个字符串，浏览器会把这个字符串当作 js 代码来执行
• 所以我们就可以利用这个 script 标签的 src 属性来进行跨域请求了

CORS 实现跨域请求

<?php
header("Access-Control-Allow-Origin:*");
header("Access-Control-Request-Methods:GET, POST, PUT, DELETE, OPTIONS");
header('Access-Control-Allow-Headers:x-requested-with,content-type,test-token,test-sessid');
?>

配置代理

• 代理，分成两种，正向代理和反向代理

正向代理

• 有一个客户端需要向一个非同源的服务器B发送请求
• 我们搭建一个和客户端同源的服务器A
• 当客户端发送请求的时候，由服务器A来接受
• 再由服务器A向服务器B发送请求，因为 同源策略是由浏览器给的，服务器之间没有
• 服务器B接受到请求以后，会处理请求，并把响应返回给服务器A
• 再由服务器A把响应给到客户端就可以了
• 我们就可以用这个方式来进行跨域请求了

反向代理

• 反向代理一般是用来做负载均衡的
• 当我请求一个服务器的时候，其实请求的是服务器端设置的代理服务器
• 由代理服务器把若干大量的请求分发给不同的服务器进行处理
• 再由服务器把响应给到代理服务器
• 代理服务器返回给客户端