Javascript django/backbone.js中的CSRF验证失败
我正在尝试从轻量级django重新创建一个小项目- 我在尝试使用超级用户帐户登录时遇到CSRF错误。下面是我的models.jsJavascript django/backbone.js中的CSRF验证失败,javascript,python,django,backbone.js,Javascript,Python,Django,Backbone.js,我正在尝试从轻量级django重新创建一个小项目- 我在尝试使用超级用户帐户登录时遇到CSRF错误。下面是我的models.js (function ($, Backbone, _, app) { // CSRF helper functions taken directly from Django docs function csrfSafeMethod(method) { // these HTTP methods do not require CSRF p
(function ($, Backbone, _, app) {
// CSRF helper functions taken directly from Django docs
function csrfSafeMethod(method) {
// these HTTP methods do not require CSRF protection
return (/^(GET|HEAD|OPTIONS|TRACE)$/i.test(method));
}
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 = $.trim(cookies[i]);
// Does this cookie string begin with the name we want?
if (cookie.substring(0, name.length + 1) == (name + '=')) {
cookieValue = decodeURIComponent(
cookie.substring(name.length + 1));
break;
}
}
}
return cookieValue;
}
// Setup jQuery ajax calls to handle CSRF
$.ajaxPrefilter(function (settings, originalOptions, xhr) {
var csrftoken;
if (!csrfSafeMethod(settings.type) && !this.crossDomain) {
// Send the token to same-origin, relative URLs only.
// Send the token only if the method warrants CSRF protection
// Using the CSRFToken value acquired earlier
csrftoken = getCookie('csrftoken');
xhr.setRequestHeader('X-CSRFToken', csrftoken);
}
});
代码示例中不清楚您是否定义了CRSF令牌。如果您使用的是django模板,您可以将
{%csrf_token%}
设置为您的CRSF
标记,位于代码中的某个位置。从代码示例中不清楚您是否定义了CRSF标记。如果您使用的是django模板,您可以将{%csrf\u token%}
设置为您的CRSF
标记,在代码中的某个地方。我也遇到了同样的问题。然后,如本书第111页所述:
这假设项目使用默认的cookie名称csrftoken
。如果需要,可以通过app.js解析的配置来配置该令牌
我在index.html的“config”部分添加了“csrftoken”:“{%csrf_token%}”
:
。。。
{
“模型”:{},
“收藏”:{},
“意见”:{},
“路由器”:空,
“csrftoken”:“{%csrf_token%}”,//添加了此
“apiRoot”:“{%url”api根“%}”,
“apiLogin”:“{%url”api标记“%}”
}
...
通过此更改,错误被修复,我可以登录。我遇到了完全相同的问题。然后,如本书第111页所述: 这假设项目使用默认的cookie名称
csrftoken
。如果需要,可以通过app.js解析的配置来配置该令牌
我在index.html的“config”部分添加了“csrftoken”:“{%csrf_token%}”
:
。。。
{
“模型”:{},
“收藏”:{},
“意见”:{},
“路由器”:空,
“csrftoken”:“{%csrf_token%}”,//添加了此
“apiRoot”:“{%url”api根“%}”,
“apiLogin”:“{%url”api标记“%}”
}
...
通过此更改,错误被修复,我可以登录。您是否确实有带有登录请求的
X-CSRFToken
头?您是否确实有带有登录请求的X-CSRFToken
头?
var LoginView = FormView.extend({
id: 'login',
templateName: '#login-template',
submit: function (event) {
var data = {};
FormView.prototype.submit.apply(this, arguments);
data = this.serializeForm(this.form);
$.post(app.apiLogin, data)
.done($.proxy(this.loginSuccess, this))
.fail($.proxy(this.failure, this));
},
loginSuccess: function (data) {
app.session.save(data.token);
this.done();
}
});