Django解决跨域请求问题的三种方案

程一诺

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

原创

本文介绍Django中解决跨域请求的三种方法。首选方案是安装并配置django-cors-headers库，通过修改settings.py启用中间件和允许所有源。其次简述JSONP方案及其GET限制。最后提供手动修改views.py添加响应头的方式。

解决方案

第一步，安装django-cors-headers库。

pip install django-cors-headers

第二步，在项目的settings.py文件中进行相应配置。

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',
  'Pragma',
)

完成上述步骤后，跨域问题即可解决。

其他可选方案

此外，网络上还存在另外两种解决思路，虽然适用性有限，但在此列出供参考。

第一种替代方案是使用JSONP。

在使用Ajax获取JSON数据时，浏览器会实施跨域限制。然而，通过Web页面调用JavaScript的script脚本文件时不受此限制，JSONP正是利用这一机制实现跨域数据传输。因此，我们需要将Ajax调用中的dataType参数从JSON修改为JSONP，同时确保对应的API接口支持JSONP格式。

需要注意的是，JSONP仅适用于GET类型的请求。

第二种替代方案是直接修改Django项目中的views.py文件。

具体操作是修改views.py中对应的API处理函数，使其允许其他域通过Ajax发起数据请求。

def myview(_request): 
response = HttpResponse(json.dumps({“key”: “value”, “key2”: “value”})) 
response[“Access-Control-Allow-Origin”] = “*” 
response[“Access-Control-Allow-Methods”] = “POST, GET, OPTIONS” 
response[“Access-Control-Max-Age”] = “1000” 
response[“Access-Control-Allow-Headers”] = “*” 
return response

以上即为本文介绍的全部内容，希望对读者的学习有所帮助，也欢迎大家继续支持本站。