Django 配置 CORS 解决跨域请求问题

唐可

发布时间：2026-10-14| 6人浏览过

原创

本文介绍如何在 Django 框架中通过 django-cors-headers 模块解决前端 Ajax 跨域请求问题。详细讲解了安装步骤、应用注册、中间件配置及白名单设置，帮助开发者快速实现前后端分离架构下的安全数据交互。

Ajax 跨域请求概述

一、Ajax 跨域请求

当 Ajax 请求的目标地址与当前页面在协议、主机或端口任一要素上不一致时，即构成跨域请求。

前端地址示例：http://192.168.10.50:8080 后端地址示例：http://192.168.10.50:8000

跨域保护机制的主要作用是防止跨站脚本攻击，保障用户数据安全。

跨域访问解决方案

二、如何解决跨域的访问

在实际开发中，若需进行跨域资源访问，通常有两种解决思路：

前端方案：使用 JSONP。
后端方案（Django）：采用 CORS 专门解决方案。

本文将重点介绍基于 Django 框架的后端 CORS 配置方法。

Django 后端 CORS 配置

三、Django 解决跨域问题

在 Django 项目中，可通过安装 django-cors-headers 第三方模块来实现跨域支持。

1. 安装依赖


pip install django-cors-headers

2. 注册应用

将 'corsheaders' 添加到 settings.py 文件中的 INSTALLED_APPS 配置列表中。


INSTALLED_APPS = (
 ...
 'corsheaders',
 ...
)

3. 配置中间件

将 'corsheaders.middleware.CorsMiddleware' 添加到 settings.py 的 MIDDLEWARE 列表中，建议将其置于 django.middleware.csrf.CsrfViewMiddleware 之前，以确保跨域头信息优先处理。


MIDDLEWARE = [
 'corsheaders.middleware.CorsMiddleware',
 ...
]

4. 设置访问白名单

配置允许访问后端的域名白名单，列入该列表的域名均可发起跨域请求。


# 添加 CORS 配置
# 1. 设置白名单
CORS_ORIGIN_WHITELIST = (
 '127.0.0.1:8080',
 'localhost:8080',
 'http://192.168.10.50:8080', # 凡是出现在白名单中的域名，都可以访问后端接口
)
# 2. 设置 CORS Cookie
CORS_ALLOW_CREDENTIALS = True # 指明在跨域访问中，后端是否支持对cookie的操作

至此，Django 通过 CORS 解决跨域问题的配置已完成。如需了解更多 Django CORS 相关内容，可查阅本站往期文章或继续浏览后续教程，感谢支持。