CSURF returns EBADCSRFTOKEN while token 写错了
CSURF returns EBADCSRFTOKEN while the token is written wrong
我正在使用 csurf 来防止 csrf 攻击。
现在由于某些原因,请求因以下错误而停止工作:
message: 'invalid csrf token', code: 'EBADCSRFTOKEN'
现在我检查了 csrf 令牌是什么,我得到了一些奇怪的东西:
{ csrfToken:
'\n miXCD9Di-HtygtQPxEVhUETpYQDHrKM5auE8\n ' }
通常应该是:
{ csrfToken:'miXCD9Di-HtygtQPxEVhUETpYQDHrKM5auE8'}
现在我到处检查,但似乎无法找到导致此问题的原因。
以下是部分源代码:
EDIT.EJS:
<p id="csurf" style="display: none;">
<%=csurf%>
</p>
APPROVE.JS:
const csurf = document.getElementById("csurf").innerText.toString();
//more functionality
const data = {
name: bizName.value,
email: bizEmail.value,
location: getlocation(),
owner: {
firstName: ownerFname.value,
lastName: ownerLname.value,
},
phone: phone.value,
website: bizUrl.value,
category: selectedCat,
logo: logoImage,
_csrf: csurf, //here i send it to the server
};
BUSINESS.JS //服务端代码
res.render("business/admin/edit", {
title: `Edit ${doc.name}`,
csurf: req.csrfToken(),
biz: { ...doc, id: paramId },
});
APP.JS //这里是错误处理程序和设置
const session = require("express-session");
const csurf = require("csurf");
const flash = require("connect-flash");
var cookieParser = require("cookie-parser");
const csrfMiddleware = csurf({
cookie: true,
});
app.use(csrfMiddleware);
// error handler
app.use(function (err, req, res, next) {
console.log(err);
if (err.code !== "EBADCSRFTOKEN") return next(err);
// error handler
console.log(req.cookies._csrf);
var csrfToken = req.body._csrf.toString();
console.log({csrfToken});
// handle CSRF token errors here
res.status(403);
logger.warn(`Bad CSRF token: ${req.connection.remoteAddress}`);
res.json({ message: "form tampered with", success: false });
next();
});
您看到模板中 <p>
内的换行符和空格。您可以只使用 .trim()
删除它们:
const csurf = document.getElementById("csurf").innerText.trim();
您也可以只删除换行符和空格:
<p id="csurf" style="display: none;"><%=csurf%></p>
我正在使用 csurf 来防止 csrf 攻击。
现在由于某些原因,请求因以下错误而停止工作:
message: 'invalid csrf token', code: 'EBADCSRFTOKEN'
现在我检查了 csrf 令牌是什么,我得到了一些奇怪的东西:
{ csrfToken:
'\n miXCD9Di-HtygtQPxEVhUETpYQDHrKM5auE8\n ' }
通常应该是:
{ csrfToken:'miXCD9Di-HtygtQPxEVhUETpYQDHrKM5auE8'}
现在我到处检查,但似乎无法找到导致此问题的原因。
以下是部分源代码: EDIT.EJS:
<p id="csurf" style="display: none;">
<%=csurf%>
</p>
APPROVE.JS:
const csurf = document.getElementById("csurf").innerText.toString();
//more functionality
const data = {
name: bizName.value,
email: bizEmail.value,
location: getlocation(),
owner: {
firstName: ownerFname.value,
lastName: ownerLname.value,
},
phone: phone.value,
website: bizUrl.value,
category: selectedCat,
logo: logoImage,
_csrf: csurf, //here i send it to the server
};
BUSINESS.JS //服务端代码
res.render("business/admin/edit", {
title: `Edit ${doc.name}`,
csurf: req.csrfToken(),
biz: { ...doc, id: paramId },
});
APP.JS //这里是错误处理程序和设置
const session = require("express-session");
const csurf = require("csurf");
const flash = require("connect-flash");
var cookieParser = require("cookie-parser");
const csrfMiddleware = csurf({
cookie: true,
});
app.use(csrfMiddleware);
// error handler
app.use(function (err, req, res, next) {
console.log(err);
if (err.code !== "EBADCSRFTOKEN") return next(err);
// error handler
console.log(req.cookies._csrf);
var csrfToken = req.body._csrf.toString();
console.log({csrfToken});
// handle CSRF token errors here
res.status(403);
logger.warn(`Bad CSRF token: ${req.connection.remoteAddress}`);
res.json({ message: "form tampered with", success: false });
next();
});
您看到模板中 <p>
内的换行符和空格。您可以只使用 .trim()
删除它们:
const csurf = document.getElementById("csurf").innerText.trim();
您也可以只删除换行符和空格:
<p id="csurf" style="display: none;"><%=csurf%></p>