Cors解决跨域问题

Cors中文名为跨域资源共享，定义了在跨域场景下浏览器和服务器通信的规范，Cors将跨域ajax请求分为两类，一类是简单请求，另一类是非简单请求，两类跨域请求的通信过程存在差别 。

简单请求

什么是简单请求

简单请求要满足两个条件

1. 请求方法类型为以下三种之一
   • get
   • post
   • head
2. 请求首部字段只含简单头部，简单头部如下
   • Accept
   • Accept-Langurage
   • Content-Type(必须为application/x-www-urlencoded、multipart/form-data、text/plain)
   • Content-Language

简单请求的通信过程

当跨域的ajax请求为简单请求时，浏览器自动为请求头加上一个字段Origin，值为原网页所在的源，如果这个字段的值在服务器允许访问的Origin范围内，那么服务器在响应首部字段中会添加Access-Control-Allow-Origin，值为*或者请求时的Origin，在这种情况下浏览器就会允许跨域资源访问。如果浏览器检查到服务器的响应中没有Access-Control-Allow-Origin这个字段，那么跨域请求就会被浏览器阻断，发起的ajax请求无法得到响应数据

非简单请求

非简单请求的通信过程

如果发起的ajax请求不是简单请求的话，那么浏览器和服务器的通信过程和简单请求相比，多了预检请求这一步，主要用来确定服务器是否允许跨域访