您的位置:首页 > 脚本大全 > > 正文

django连接web实现登录功能(解决django前后端分离csrf验证的问题)

更多 时间:2022-03-31 12:06:11 类别:脚本大全 浏览量:183

django连接web实现登录功能

解决django前后端分离csrf验证的问题

第一种方式ensure_csrf_cookie

这种方方式使用ensure_csrf_cookie 装饰器实现,且前端页面由浏览器发送视图请求,在视图中使用render渲染模板,响应给前端,此时这个渲染模板的视图函数上要加上这个装饰器

这种方式保证了模板返回时,前端接收到的响应中有csrftoken这个cookie,方法见代码。

以上方法并没有严格意义的前后分离,如果模板中有form表单,可以直接在模板中添加{% csrf_token %}。

第二种方式

前后完全分离,前端页面直接通过获取静态文件得到,然后直接发送ajax请求,得到csrftoken,此时需要一个视图函数来返回token值

  • ?
  • 1
  • 2
  • 3
  • def get_token(request):
  •  token = django.middleware.csrf.get_token(request)
  •  return JsonResponse({'token': token})
  • 如此即可在浏览器将token值保存在cookie中,然后通过第一种方式中取得cookie的方法获取cookie。

    发送ajax请求

    以上方式得到csrftoken后,需要将其添加到请求头中,方法见代码

  • ?
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • function csrfSafeMethod(method) {
  •  // these HTTP methods do not require CSRF protection
  •  return (/^(GET|HEAD|OPTIONS|TRACE)$/.test(method));
  • }
  •  
  • // 给ajax请求设置请求头x-csrftoken
  • $.ajaxSetup({
  •  beforeSend: function (xhr, settings) {
  •   if (!csrfSafeMethod(settings.type) && !this.crossDomain) {
  •    xhr.setRequestHeader("X-CSRFToken", csrftoken);
  •   }
  •  }
  • });
  • 此时,csrf验证不再成为阻碍

    以上这篇解决django前后端分离csrf验证的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持开心学习网。

    原文链接:https://blog.csdn.net/HYESC/article/details/80611283

    标签:django csrf
    您可能感兴趣