Django框架深入了解_05 (Django中的缓存、Django解决跨域流程(非简单请求，简单请求)、自动生成接口文档)(二)-优快云博客

二、跨域：

回到顶部

跨域知识介绍：

点我以前博客

跨域解决方法：CORS:跨域资源共享

CORS请求分类(简单请求和非简单请求)
简单请求（simple request）：只需要在头信息之中增加一个Origin字段。

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

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

--------------------------------------------------------------------
注：如果你对python感兴趣，我这有个学习Python基地，里面有很多学习资料，感兴趣的+Q群：895817687
--------------------------------------------------------------------

（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

凡是不同时满足上面两个条件，就属于非简单请求。

浏览器对这两种请求的处理，是不一样的。

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

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

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

支持跨域，简单请求

服务器设置响应头：Access-Control-Allow-Origin = ‘域名’ 或 ‘*’

支持跨域，复杂请求

由于复杂请求时，首先会发送“预检”请求，如果“预检”成功，则发送真实数据。

“预检”请求时，允许请求方式则需服务器设置响应头：Access-Control-Request-Method
“预检”请求时，允许请求头则需服务器设置响应头：Access-Control-Request-Headers

示例：

建立2个Django项目，一个端口8000，一个8001，8000向8001发送请求

8000端口项目

# urls.py

url(r'^cors_test/', views.cors_test),

# views.py

def cors_test(request):
    return render(request, 'show_time.html')

8001端口项目

#urls.py

url(r'^cors_test/', views.Test.as_view()),

from django.shortcuts import render,HttpResponse

# Create your views here.
from rest_framework.views import APIView
class Test(APIView):
    def get(self, request):
        print(123)
        response = HttpResponse('恭喜你，跨域成功')
        response['Access-Control-Allow-Origin'] = 'http://127.0.0.1:8000'
        return response

简单请求：
注意：跨域问题的解决实在被请求方的服务端进行设置

// 8000端口发送请求页面

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>缓存测试</title>
    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
</head>
<body>
<p><button id="test">点击</button></p>
<span id="info" style="color: red"></span>
<script>
    $('#test').on('click',function () {
        $.ajax({
            url: 'http://127.0.0.1:8001/cors_test/',
            type: 'get',
            //{#contentType: 'application/json',#}
            //{#data: {"name": "sgt"},#}
            success:function (data) {
                console.log(data);
                //{#$('#info').html(data)#}
            }
        })
    })
</script>
</body>
</html>

8001端口服务端设置：在这里插入图片描述
非简单请求：
先在视图中实现：

(由于非简单请求要请求2次，第一次是options，所以不能使用CBV视图来处理请求，使用FBV才能在一个视图函数中同时处理第一次和第二次请求)

# 8000发送端

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>缓存测试</title>
    <script src="/static/jQuery-3.4.1.js"></script>
</head>
<body>
<p><button id="test">点击</button></p>
<span id="info" style="color: red"></span>
<script>
    $('#test').on('click',function () {
        $.ajax({
            url: 'http://127.0.0.1:8001/cors_test/',
            type: 'post',
            contentType:'application/json',
            data: {"name": "sgt"},
            success:function (data) {
                console.log(data);
                {#$('#info').html(data)#}
            }
        })
    })
</script>
</body>
</html>

# 8001服务端
# urls.py

url(r'^cors_test/', views.test),

# 8001服务端
# views.py

def test(request):
    response = HttpResponse("恭喜你，跨域成功")
    if request.method == "OPTIONS":
        print(request.POST.get('name'))
        # 允许
        response["Access-Control-Allow-Headers"] = "Content-Type"
        # 也可以使用*来通配所以请求数据类型
        # response['Access-Control-Allow-Headers'] = '*'

    response["Access-Control-Allow-Origin"] = "http://127.0.0.1:8000"
    return response

在这里插入图片描述

跨域问题的解决方法一般是写在Django的中间件中，所以接下来在它中间件中使用：

app01中创建一个中间件文件,并注册

# MyMiddleWare.py

from django.utils.deprecation import MiddlewareMixin
class MyCorsMiddle(MiddlewareMixin):
    def process_response(self, request, response):
        if request.method == "OPTIONS":
            print(request.POST.get('name'))
            # 允许
            response["Access-Control-Allow-Headers"] = "Content-Type"
            # 也可以使用*来通配所以请求数据类型
            # response['Access-Control-Allow-Headers'] = '*'

        response["Access-Control-Allow-Origin"] = "http://127.0.0.1:8000"
        return response

在这里插入图片描述
视图直接返回 response,其它的是交给中间件去解决

    #views.py
    
    def test(request):
        response = HttpResponse("恭喜你，跨域成功")
        return response

其它不变。

以上就是跨域问题在Django框架中的解决流程，这里需要知道的是，一般实际项目当中不会这么繁琐的去操作，会经常使用一个模块来处理跨域问题：djang-cors-headers,当然它的实现流程就是我们上面的例子，只不过封装程度更高点。

三、自动生成接口文档

待续…