跨域请求

一、同源策略

#同源策略限制了从同一个源加载的文档或脚本如何与来自另一个源的资源进行交互。这是一个用于隔离潜在恶意文件的重要安全机制。

#用大白话说，登陆了淘宝，服务器会把cookie发送给客户端，此时客户端打开了不法网址，如果这个不法网址可以访问淘宝，那么不法网址可以冒充客户端为所欲为

#如果两个页面的协议，端口（如果有指定）和主机都相同，则两个页面具有相同的源。

http://store.company.com/dir2/other.html    成功     只有路径不同
http://store.company.com/dir/inner/another.html    成功     只有路径不同
https://store.company.com/secure.html    失败    不同协议 ( https和http )
http://store.company.com:81/dir/etc.html    失败    不同端口 ( http:// 80是默认的)
http://news.company.com/dir/other.html    失败    不同域名 ( news和store )

 

二、CORS（跨域资源共享）

CORS需要浏览器和服务器同时支持。

整个CORS通信过程，都是浏览器自动完成，不需要用户参与。对于开发者来说，CORS通信与同源的AJAX通信没有差别，代码完全一样。浏览器一旦发现AJAX请求跨源，就会自动添加一些附加的头信息，有时还会多出一次附加的请求，但用户不会有感觉。

因此，实现CORS通信的关键是服务器。只要服务器实现了CORS接口，就可以跨源通信

 

CORS基本流程

#浏览器将CORS请求分成两类：
    简单请求（simple request）和非简单请求（not-so-simple request）。
#浏览器发出CORS简单请求，只需要在头信息之中增加一个Origin字段。

#浏览器发出CORS非简单请求，会在正式通信之前，增加一次HTTP查询请求，称为"预检"请求（preflight）。浏览器先询问服务器，当前网页所在的域名是否在服务器的许可名单之中，以及可以使用哪些HTTP动词和头信息字段。只有得到肯定答复，浏览器才会发出正式的XMLHttpRequest请求，否则就报错。

 

CORS两种请求详解

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

#（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

#例如，如果送POST的AJAX请求，不能同时满足两个条件，是非简单请求

 

两种请求的区别

#简单请求和非简单请求的区别？

   简单请求：一次请求
   非简单请求：两次请求，在发送数据之前会先发一次请求用于做“预检”，只有“预检”通过后才再发送一次请求用于数据传输。

#关于“预检”

- 请求方式：OPTIONS
- “预检”其实做检查，检查如果通过则允许传输数据，检查不通过则不再发送真正想要发送的消息
- 如何“预检”
     => 如果复杂请求是PUT等请求，则服务端需要设置允许某请求，否则“预检”不通过
        Access-Control-Request-Method
     => 如果复杂请求设置了请求头，则服务端需要设置允许某请求头，否则“预检”不通过
        Access-Control-Request-Headers

 

 

三、 Django项目中处理CORS

简单请求处理

def test(request):
    obj=HttpResponse(‘ok'))

    obj['Access-Control-Allow-Origin']='*'            #同意所有
    obj['Access-Control-Allow-Origin']='http://127.0.0.1:8004'  #同意一个

    return obj

 

复杂请求处理

def text(self,request,response):
    if request.method=="OPTIONS":  #判断是否是预检
        response["Access-Control-Allow-Origin"] = "http://localhost:8080"
        return response

 

 在中间件中配置处理简单和复杂请求

#创建py文件
from django.utils.deprecation import MiddlewareMixin

class CorsMiddleWare(MiddlewareMixin):    #继承中间件
    def process_response(self,request,response):
        response["Access-Control-Allow-Origin"] = "http://localhost:8080"
        if request.method=="OPTIONS":

        response["Access-Control-Allow-Origin"] = "*" 
        return response

#在中间件中配置，放在下边
app01.mymiddele.MyCorsMiddle  

应用名，py文件名，类名