ajax登录验证csrf,Django AJAX方式提交数据解决csrf验证问题

就是设置axios的headers

axios.defaults.headers.common['X-CSRFToken'] = '{{ csrf_token }}';

axios.defaults.baseURL = 'http://xx.xx.xx.xx';

axios.defaults.headers.common['X-CSRFToken'] = '{{ csrf_token }}';

Vue.prototype.$http = axios;

var app = new Vue({

el: '#app',

data: {

res: [],

form: {

sday: '2020-05-27',

eday: '2020-05-27',

}

},

methods: {

loadData() {

this.$http.post('/tongji_plate_entry/', app.form)

.then(function (response) {

if (response.data.result == 'SUCCESS') {

app.res = response.data.res;

app.form.sday = response.data.sday;

app.form.eday = response.data.eday;

}

})

.catch(function (error) {

alert(error);

});

}

}

});

后端views.py里写法(注意获取前端数据的方法)

def get_data(request):

data = json.loads(request.body)

sday = data['sday']

eday = data['eday']

context = { 'result':'SUCCESS', 'sday': sday, 'eday': eday}

return JsonResponse(context)