zoukankan      html  css  js  c++  java
  • Django中Ajax提交数据的CSRF问题

    错误信息:

    Forbidden (CSRF token missing or incorrect.):

    什么是CSRF:

    django为用户实现防止跨站请求伪造的功能,通过中间件 django.middleware.csrf.CsrfViewMiddleware 来完成。而对于django中设置防跨站请求伪造功能有分为全局和局部。

    全局:
    中间件 django.middleware.csrf.CsrfViewMiddleware

    局部:from django.views.decorators.csrf import csrf_exempt,csrf_protect
    @csrf_protect,为当前函数强制设置防跨站请求伪造功能,即便settings中没有设置全局中间件。
    @csrf_exempt,取消当前函数防跨站请求伪造功能,即便settings中设置了全局中间件。

    原理
    当用post提交数据的时候,django会去检查是否有一个csrf的随机字符串,如果没有就会报错

    这里我测试的是用Ajax提交的方式:

    方法一:在urls.py中添加csrf_exempt,过滤csrf

    from django.views.decorators.csrf import csrf_exempt
    
    url(r'^api/v1/some-resource$', csrf_exempt(SomeApiView.as_view())),
    

    方法二:在前端提交Ajax之前加上以下代码

    /*********** csrftoken开始****************/
    
        function getCookie(name) {
            var cookieValue = null;
            if (document.cookie && document.cookie !== '') {
                var cookies = document.cookie.split(';');
                for (var i = 0; i < cookies.length; i++) {
                    var cookie = jQuery.trim(cookies[i]);
                    if (cookie.substring(0, name.length + 1) === (name + '=')) {
                        cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
                        break;
                    }
                }
            }
            return cookieValue;
        }
    
        var csrftoken = getCookie('csrftoken');
    
        function csrfSafeMethod(method) {
            // these HTTP methods do not require CSRF protection
            return (/^(GET|HEAD|OPTIONS|TRACE)$/.test(method));
        }
    
        $.ajaxSetup({
            beforeSend: function (xhr, settings) {
                if (!csrfSafeMethod(settings.type) && !this.crossDomain) {
                    xhr.setRequestHeader("X-CSRFToken", csrftoken);
                }
            }
        });
    
        /*********** csrftoken结束****************/
    
  • 相关阅读:
    硬核动图让你轻松弄懂递归,查找等概念
    Instagram API平台文档
    盲人都能编程,你有什么资格说自己不行
    10个经典智力推理题!据说答对7道,智力在140!
    我们该如何高效的学习
    从一碗小米粥谈装饰器模式,代理模式的区别
    html+css实现彩色渐变滑动条
    css实现彩色渐变滑动条
    [极客大挑战 2019]Knife 思路
    buuctf
  • 原文地址:https://www.cnblogs.com/ray-h/p/10676246.html
Copyright © 2011-2022 走看看