00，跨域的问题

Posted 2021-02-01 pontoon

 

什么是跨域？

浏览器的同源策略限制默认情况下前端页面和后端服务在不同服务器（域名、端口不一样）时，前端页面js无法请求到后端接口服务，即存在跨域问题。

DRF是怎么解决跨域问题？

• 使用Jsonp方式解决

• 使用cors解决

• 使用nginx代理解决

使用Jsonp解决跨域的思路？

由于浏览器中的<script>的src请求、<img>的src请求

使用DRF的cors解决

写restfull响应的接口要额外的加一个相应头。

response中只是响应了很多的数据，还需要增加响应头。

在哪加，在中间件里加

class MiddlewareMixin: def __init__(self, get_response=None): self.get_response = get_response super().__init__() def __call__(self, request): response = None if hasattr(self, ‘process_request‘): response = self.process_request(request) if not response: response = self.get_response(request) if hasattr(self, ‘process_response‘): response = self.process_response(request, response) return response class CORSMiddleware(MiddlewareMixin): def process_response(self, request, response): # 添加响应头 # 允许你的域名来获取我的数据 response[‘Access-Control-Allow-Origin‘] = "*" # 允许携带Content-Type请求头 # response[‘Access-Control-Allow-Headers‘] = ‘Content-Type‘ Content-Type = url-encodeing # 允许发送DELETE，PUT(复杂请求) # response[‘Access-Control-Allow-Methods‘] = "DELETE, PUT" return response<wiz_code_mirror>

 

 

 

x

 

 

 

 

 

1

class MiddlewareMixin:

2

    def __init__(self, get_response=None):

3

        self.get_response = get_response

4

        super().__init__()

5

6

    def __call__(self, request):

7

        response = None

8

        if hasattr(self, ‘process_request‘):

9

            response = self.process_request(request)

10

        if not response:

11

            response = self.get_response(request)

12

        if hasattr(self, ‘process_response‘):

13

            response = self.process_response(request, response)

14

        return response

15

16

17

class CORSMiddleware(MiddlewareMixin):

18

    def process_response(self, request, response):

19

        # 添加响应头

20

        # 允许你的域名来获取我的数据

21

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

22

23

        # 允许携带Content-Type请求头

24

        # response[‘Access-Control-Allow-Headers‘] = ‘Content-Type‘    Content-Type = url-encodeing

25

26

        # 允许发送DELETE，PUT(复杂请求)

27

        # response[‘Access-Control-Allow-Methods‘] = "DELETE, PUT"

28

29

        return response

 

 

再到settings.py中注册一下

MIDDLEWARE = [ ... ‘app01.cors.CORSMiddleware‘, ]<wiz_code_mirror>

 

 

 

 

 

 

 

 

 

1

MIDDLEWARE = [

2

    ...

3

    ‘app01.cors.CORSMiddleware‘,

4

]

 

 

在这里跨域还要分简单请求与复杂请求

如果只是发送GET请求那么则说明是简单请求！反之为复杂请求！