csrf_ajax提交

csrf攻击

网站是通过cookie来实现登录功能的。而cookie只要存在浏览器中，那么浏览器在访问这个cookie的服务器的时候，就会自动的携带cookie信息到服务器上去。

那么这时候就存在一个漏洞了，如果你访问了一个别有用心或病毒网站，这个网站可以在网页源代码中插入js代码，使用js代码给其他服务器发送请求（比如ICBC的转账请求）。

那么因为在发送请求的时候，浏览器会自动的把cookie发送给对应的服务器，这时候相应的服务器（比如ICBC网站），就不知道这个请求是伪造的，就被欺骗过去了。

从而达到在用户不知情的情况下，给某个服务器发送了一个请求（比如转账）。

预防csrf攻击

CSRF攻击的要点就是在向服务器发送请求的时候，相应的cookie会自动的发送给对应的服务器。

造成服务器不知道这个请求是用户发起的还是伪造的。这时候，我们可以在用户每次访问有表单的页面的时候，在网页源代码中加一个随机的字符串叫做csrf_token，

在cookie中也加入一个相同值的csrf_token字符串。

以后给服务器发送请求的时候，必须在body中以及cookie中都携带csrf_token，

服务器只有检测到cookie中的csrf_token和body中的csrf_token都相同，才认为这个请求是正常的，否则就是伪造的。

django

在settings.MIDDLEWARE中添加CsrfMiddleware中间件。

MIDDLEWARE = [
  'django.middleware.security.SecurityMiddleware',
  'django.middleware.gzip.GZipMiddleware',
  'django.contrib.sessions.middleware.SessionMiddleware',
  'django.middleware.common.CommonMiddleware',
  'django.middleware.csrf.CsrfViewMiddleware',
  'django.contrib.auth.middleware.AuthenticationMiddleware',
  'django.contrib.messages.middleware.MessageMiddleware',
  'django.middleware.clickjacking.XFrameOptionsMiddleware'
]

在模板中添加一个隐藏域input

<input type="hidden" name="csrfmiddlewaretoken" value="{{ csrf_token }}">

flask

使用flask_wtf.CSRFProtect来包裹app。

from flask_wtf import CSRFProtect

app = Flask(__name__)
CSRFProtect(app)


if __name__ == '__main__':
    app.run()

模板中

添加一个input隐藏域

<input type="hidden" name="csrf_token" value="{{ csrf_token() }}">

ajax提交csrf

封装一个myajax.js包来使用

var myajax = {
    'get':function(args) {
        args['method'] = 'get';
        this.ajax(args);
    },
    'post':function(args) {
        args['method'] = 'post';
        this.ajax(args);
    },
    'ajax':function(args) {
        // 设置csrftoken
        this._ajaxSetup();
        $.ajax(args);
    },
    '_ajaxSetup': function() {
        $.ajaxSetup({
            'beforeSend':function(xhr,settings) {
                if (!/^(GET|HEAD|OPTIONS|TRACE)$/i.test(settings.type) && !this.crossDomain) {
                    var csrftoken = $('meta[name=csrf-token]').attr('content');
                    xhr.setRequestHeader("X-CSRFToken", csrftoken)
                }
            }
        });
    }
};

使用时调用myajax.post()

myajax.post({
            'url': '/login/',
    
            'data': {

                username:username,
                password:password
            }

注意需在meta标签中加上name='csrf-token', content='{{csrf_token()}}'