求教 Nodejs express 3.2 csrf , form提交以后总是报错.

根据你提供的代码和描述，问题可能出在CSRF（跨站请求伪造）中间件的配置上。在Express 3.x版本中，express.csrf()用于生成和验证CSRF令牌。你的问题可能是由于CSRF令牌没有正确地传递到后端。

解决方案

1. 确保表单中包含CSRF令牌： 在表单中添加一个隐藏字段来传递CSRF令牌。你已经在Jade模板中做了这一点，但需要确保这个字段的值始终是最新的。

2. 更新CSRF中间件的使用方式： 确保在处理请求之前正确设置了CSRF令牌，并且在表单提交时正确地包含了该令牌。

示例代码

app.js

var express = require('express');
var cookieParser = require('cookie-parser');
var session = require('express-session');
var csrf = require('csurf');

var app = express();

app.configure(function () {
  var viewsRoot = path.join(__dirname, 'views');
  app.set('view engine', 'jade');
  app.set('views', viewsRoot);

  app.use(cookieParser());
  app.use(session({
    secret: config.session_secret
  }));

  // 创建CSRF保护中间件
  var csrfProtection = csrf({ cookie: true });

  // 使用CSRF保护中间件
  app.use(csrfProtection);

  // 将CSRF令牌暴露给视图
  app.use(function(req, res, next) {
    res.locals.token = req.csrfToken();
    next();
  });
});

// 定义路由
app.get('/form', function(req, res) {
  res.render('form');
});

app.post('/submit', function(req, res) {
  console.log("Here you are. What are you looking for?");
  console.log(req.body);
  res.send('Form submitted successfully!');
});

module.exports = app;

Jade模板 (form.jade)

doctype html
html
  head
    title CSRF Form
  body
    form(action='/submit', method='POST')
      input(type='hidden', name='_csrf', value=token)
      label(for='name') Name:
      input(type='text', id='name', name='name')
      button(type='submit') Submit

关键点解释

1. CSRF中间件：

   • csrf({ cookie: true })：这会从Cookie中读取CSRF令牌。
   • res.locals.token = req.csrfToken()：这会在每次请求时生成一个新的CSRF令牌，并将其添加到视图的本地变量中。

2. 表单：

   • <input type='hidden' name='_csrf' value=token>：确保表单中包含CSRF令牌。

通过这种方式，你可以确保CSRF令牌正确地生成并在表单提交时被验证。这样可以避免403错误。