前端开发中跨域请求原理

我们都知道浏览器有一个同源策略，那么这个同源策略究竟是什么目的呢？其实说起来也很简单，同源策略的出现时出于防范跨站脚本的攻击，禁止客户端脚本对不同域的服务进行跨站调用。

一般情况下，只要网站的协议名，主机和端口号这三个中有任意一个不同，那么网站间的数据请求与传输便构成了跨域调用。创建了两个服务器，分别监听3000、3001端口，由于端口号不一样，这两个服务器以及服务器上页面通信构成了跨域请求。在服务器3000 上有如下的页面：

在服务器3000端口上的请求页面中，包含有如下的JavaScript代码，具体代码如下图所示：

数据请求之后，返回的结果如下图所示：

让我们的服务器3000端口上面的页面向服务器3001端口发起请求会出现什么呢？

数据请求之后，返回的结果如下图所示：很明显这次的结果失败了

通过上述的证明，我们知道发生了跨域请求的调用。另外需要注意的是，服务器 控制台其实是有有输出，这说明跨域请求并非是浏览器限制了发起跨站请求，事实上请求是可以正常发起的，不过在到达服务器端是，返回的结果被浏览器拦截了而已。