Django 跨域请求处理的示例代码

发布时间：2020-12-16 21:02:43 所属栏目：Python 来源：网络整理

导读：django处理Ajax跨域访问使用javascript进行ajax访问的时候,出现如下错误出错原因：javascript处于安全考虑,不允许跨域访问。下图是对跨域访问的解释：概念：这里说的js跨域是指通过js或python在不同的域之间进行数据传输或通信，比如用ajax向一个不同的

django处理Ajax跨域访问

使用javascript进行ajax访问的时候,出现如下错误

出错原因：javascript处于安全考虑,不允许跨域访问。下图是对跨域访问的解释：

概念：

这里说的js跨域是指通过js或python在不同的域之间进行数据传输或通信，比如用ajax向一个不同的域请求数据，或者通过js获取页面中不同域的框架中(Django)的数据。只要协议、域名、端口有任何一个不同，都被当作是不同的域。

解决办法

1. 修改views.py文件

修改views.py中对应API的实现函数，允许其他域通过Ajax请求数据：

todo_list = [
  {"id": "1","content": "吃饭"},{"id": "2",]


class Query(View):
  @staticmethod
  def get(request):
    response = JsonResponse(todo_list,safe=False)
    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

  @staticmethod
  def post(request):
    print(request.POST)
    return HttpResponse()

2. 添加中间件 django-cors-headers

GitHub地址: https://github.com/ottoyiu/django-cors-headers

2.1. 安装 pip install django-cors-headers

2。2 添加app

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

2.3 添加中间件

MIDDLEWARE = [ # Or MIDDLEWARE_CLASSES on Django < 1.10
  ...
  'corsheaders.middleware.CorsMiddleware','django.middleware.common.CommonMiddleware',...
]

2.4 配置允许跨站访问本站的地址

CORS_ORIGIN_ALLOW_ALL = False
CORS_ORIGIN_WHITELIST = (
   'localhost:63343',)

# 默认值是全部:
CORS_ORIGIN_WHITELIST = () # 或者定义允许的匹配路径正则表达式.
CORS_ORIGIN_REGEX_WHITELIST = ('^(https?://)?(w+.)?>google.com$',)  # 默认值:
CORS_ORIGIN_REGEX_WHITELIST = ()

2.5 设置允许访问的方法

CORS_ALLOW_METHODS = (
'GET','POST','PUT','PATCH','DELETE','OPTIONS'
)

2.6 设置允许的header：

默认值:

CORS_ALLOW_HEADERS = (
'x-requested-with','content-type','accept','origin','authorization','x-csrftoken'
)

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

您可能感兴趣的文章:

Python的Django应用程序解决AJAX跨域访问问题的方法

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!