Django解决跨域请求的最佳方案：django-cors-headers配置指南

云舒

发布时间：2026-10-13 | 4人浏览过

原创

本文详细介绍Django处理跨域请求的最佳实践。通过安装django-cors-headers库，并在settings.py中正确配置中间件顺序及CORS参数，可快速解决跨域问题。重点强调CorsMiddleware需置于CommonMiddleware之前，确保前后端交互安全顺畅。

跨域请求基础概念

一、什么是跨域请求

跨域概念解析

跨域通常指一个网站的JavaScript代码尝试访问另一个网站的内容，包括提交数据和获取数据。出于安全考虑，这种行为受到严格限制。为此，网景（Netscape）公司提出了著名的“同源策略”，目前所有支持JavaScript的浏览器均遵循此策略。

所谓“同源”，是指域名、协议和端口完全相同的网站。

执行流程说明

当浏览器两个标签页分别打开百度和谷歌页面时，若百度页面发起脚本执行，浏览器会检查该脚本是否同源。只有与当前页面同源的脚本才会被执行；若非同源，浏览器控制台将报错并提示拒绝访问。

注：以上关于同源策略的解释参考自百度百科-同源策略。

Django跨域解决方案

二、关于解决跨域请求

解决跨域请求的方式从前端到后端有多种，此处不逐一列举。本文仅分享目前看来对Django处理跨域请求效果最佳的一种方案。

1. 安装django-cors-headers

pip install django-cors-headers

2. 配置settings.py文件

django-cors-headers安装与配置


INSTALLED_APPS = [
  ...
  'corsheaders'，
  ...
 ] 
 
MIDDLEWARE_CLASSES = (
  ...
  'corsheaders.middleware.CorsMiddleware',
  'django.middleware.common.CommonMiddleware', # 注意顺序
  ...
)
#跨域增加忽略
CORS_ALLOW_CREDENTIALS = True
CORS_ORIGIN_ALLOW_ALL = True
CORS_ORIGIN_WHITELIST = (
  '*'
)
 
CORS_ALLOW_METHODS = (
  'DELETE',
  'GET',
  'OPTIONS',
  'PATCH',
  'POST',
  'PUT',
  'VIEW',
)
 
CORS_ALLOW_HEADERS = (
  'XMLHttpRequest',
  'X_FILENAME',
  'accept-encoding',
  'authorization',
  'content-type',
  'dnt',
  'origin',
  'user-agent',
  'x-csrftoken',
  'x-requested-with',
)

完成上述配置后，即可有效解决Django的跨域请求问题。唯一需要特别注意的点是：cors-headers提供的中间件CorsMiddleware在注册时，必须放置在django-common中间件（即CommonMiddleware）的前面。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持本站。