Django解决CORS跨域问题的方案

更新时间：2024年03月27日 11:01:34 作者：__弯弓__

Cross-Origin Resource Sharing（CORS）跨域问题,在前后端后离项目,selenium , playweight 自动化测试代码中经常遇到,本文给大家介绍了Django解决CORS跨域问题的方案,文中有详细的代码讲解,需要的朋友可以参考下

产生跨域问题的原因

Cross-Origin Resource Sharing（CORS）跨域问题，在前后端后离项目，selenium ， playweight 自动化测试代码中经常遇到。而使用 python request, curl, postman 等非浏览器代码发送请求时则不存在这个问题。

浏览器采用了同源保护策略，为了防御恶意攻击，会检查Request消息与Response消息的域名 Domain与端口 Port，如果不相同，则表示响应消息与请求消息不是同源，可能是伪造的响应消息，因此浏览器添加了CORS限制功能，默认不接受非同源的响应消息。

浏览器与服务器都运行在同一台电脑上为何仍出现跨域问题？

原因: Ajax脚本在本机浏览器运行时, 默认主机地址为http://127.0.0.1:8848，而开发环境 django服务默认地址为：http://localhost:8000 上，因此，浏览器与服务器虽然主机名相同，但端口不同，所以不符合CORS要求，故浏览器仍然会出现CORS错误。

解决思路

如何解决这种情形的问题呢？

浏览器同源策略有条规则，Response头部如果包含如下字段值，则不做CORS检查。

Access-Control-Allow-Origin: *

接下来就是如何添加这个参数。方法通常有2种：
(1) 方法1: 在使用前端代理在response中添加Access-Control-Allow-Origin:头部参数;
(2) 方法2：在服务器端，给response添加Access-Control-Allow-Origin头部参数。

方法1，实施还是比较麻烦，前端还要安装node.js的服务代理程序才能实现。而方法2，如果服务器使用django，则实现很容易。即通过中间件middleware 对所有response添加、修改头部参数。

解决方法1：通过自定义中间件修改Response头部

在myproject/myapp/ 目录下，新建1个 middlewares.py 文件

class CorsMiddleware(object):
    """中间件：跨域访问"""
    def __init__(self, get_response):
        self.get_response = get_response
    
    def __call__(self, request):
        return self.get_response(request)
    
    # process_template_response(), process_response() 只能二选一、根据view的response类型，重载相应方法。 
    def process_template_response(self,request,response):
        # 如果view 使用了render渲染response，使用这个中间件
        response["Access-Control-Allow-Origin"] = "*"
        return response
        
    def process_response(self,request,response):
        # 如果view使用HttpResponse, 将使用这个中间件
        response["Access-Control-Allow-Origin"] = "*"
        return response

这个类的方法 process_template_response(), process_response()，用于为每个django response添加1个Access-Control-Allow-Origin: * 头部参数, 两个方法使用1个就可以。当然也可以利用这个中间件添加、修改其它头部参数。

将新定义的中间件 CorsMiddleware 添加到 settings.py 的 middleware classes:的列表，如 Ajax使用的主机+端口号，如：http://127.0.0.1:8848

MIDDLEWARE = [
    'django.middleware.security.SecurityMiddleware',
    'django.contrib.sessions.middleware.SessionMiddleware',
    'django.middleware.common.CommonMiddleware',
    'django.middleware.csrf.CsrfViewMiddleware',
    'django.contrib.auth.middleware.AuthenticationMiddleware',
    'django.contrib.messages.middleware.MessageMiddleware',
    'django.middleware.clickjacking.XFrameOptionsMiddleware',
    'myapp.middlewares.CorsMiddleware',  # 允许跨域访问中间件
]

再次发送Ajax请求，可以成功接收到django的响应数据。使用浏览器DevTools检查Response响应头部参数,可以看到已经添加了Access-Control-Allow-Origin: *

HTTP/1.1 200 OK
Date: Sat, 21 Aug 2023 08:26:17 GMT
Server: WSGIServer/0.2 CPython/3.11.4
Content-Type: text/html; charset=utf-8
Access-Control-Allow-Origin: *
X-Frame-Options: DENY
Content-Length: 5177
Vary: Cookie
X-Content-Type-Options: nosniff
Referrer-Policy: same-origin

说明：此方法虽然简单易行，Access-Control-Allow-Origin 设置为*, 允许任何跨域访问，显然不太安全，每次修改须更新代码，因此仅适用于开发测试环境。

解决方法2：通过 django-cors-headers 库来实现

生产环境下，建议通过第3方库django-cors-headers 来实现，其步骤如下

1）安装

pip install django-cors-headers

2）修改 settings.py 配置文件

添加到应用列表

INSTALLED_APPS = (
    ##...
    'corsheaders'
)

添加中间件列表 corsheaders.middleware.CorsMiddleware

MIDDLEWARE = [
    'django.middleware.security.SecurityMiddleware',
    'django.contrib.sessions.middleware.SessionMiddleware',
    'django.middleware.common.CommonMiddleware',
    'django.middleware.csrf.CsrfViewMiddleware',
    'corsheaders.middleware.CorsMiddleware',
    ......

然后，添加下面配置允许所有 domain 访问

CORS_ORIGIN_ALLOW_ALL = True

或者，允许某些域访问

CORS_ORIGIN_ALLOW_ALL = False
# 允许域名加入白名单
CORS_ORIGIN_WHITELIST = (
    'http//:localhost:8000',
)

说明

在测试环境中，可以允许所有domain来访问，以避免 CORS问题，前后端分离项目在生产环境下，通常应该部署在同域下，如果确实需要跨域，则将前端域名添加到白名单 CORS_ORIGIN_WHITELIST配置项中，禁止其它域访问。

最后

以上就是Django解决CORS跨域问题的方案的详细内容，更多关于Django解决CORS跨域的资料请关注脚本之家其它相关文章！

您可能感兴趣的文章:

pygame游戏之旅载入小车图片、更新窗口
这篇文章主要为大家详细介绍了pygame游戏之旅的第3篇，教大家如何载入小车图片、更新窗口，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2018-11-11
让文件路径提取变得更简单的Python Path库
这里我们介绍 Python3 自带的库 Path,可以让我们使用更少的代码但是与之而来的是更高的效率,文中有非常详细的介绍及代码示例 ,需要的朋友可以参考下
2021-05-05
python 图像增强算法实现详解
这篇文章主要介绍了python 图像增强算法实现详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2021-01-01
7个Python中的隐藏小技巧分享
Python 是每个程序员都喜欢的语言，因为它易于编码和易于阅读的语法。但是，你知道 python 有一些很酷的技巧可以用来让事情变得更简单吗？在今天的内容中，我将与你分享7 个你可能从未使用过的Python 技巧
2023-03-03
深度学习环境配置之Anaconda安装和pip源方式
这篇文章主要介绍了深度学习环境配置之Anaconda安装和pip源方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
2024-02-02
Python urllib2运行过程原理解析
这篇文章主要介绍了Python urllib2运行过程原理解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2020-06-06
python判断单向链表是否包括环，若包含则计算环入口的节点实例分析
这篇文章主要介绍了python判断单向链表是否包括环，若包含则计算环入口的节点,结合实例形式分析了Python针对单向链表的遍历、判断相关算法原理与使用技巧,需要的朋友可以参考下
2019-10-10
Python 打印中文字符的三种方法
本文给大家分享三种方法实现python打印中文字符的方法，代码简单易懂，非常不错，具有一定的参考借鉴价值，需要的朋友参考下吧
2018-08-08
基于Python_脚本CGI、特点、应用、开发环境(详解)
下面小编就为大家带来一篇基于Python_脚本CGI、特点、应用、开发环境(详解)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-05-05
基于python生成英文版词云图代码实例
这篇文章主要介绍了基于python生成英文版词云图代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2020-05-05