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>