Nodejs 提交注册信息 无法写入

Nodejs 提交注册信息 无法写入

在使用 Node.js 和 Express 开发应用时，有时会遇到提交注册信息失败的情况。你可能遇到了一个常见的问题：403 Error: Forbidden。这通常意味着服务器拒绝了请求，可能是由于 CSRF（跨站请求伪造）防护机制或其他安全设置。

问题分析

在你提供的错误日志中，可以看到 403 Error: Forbidden 是由 CSRF 中间件引起的。Express 默认使用 CSRF 防护来保护应用程序免受跨站请求伪造攻击。如果你没有正确处理 CSRF token，可能会导致这种错误。

解决方案

要解决这个问题，你需要确保在表单提交时包含 CSRF token，并且在后端正确验证该 token。以下是一个简单的示例，展示如何配置和使用 CSRF 中间件。

安装依赖

首先，确保你已经安装了必要的中间件：

npm install express express-session connect-flash csurf

配置 Express 应用

接下来，在你的 Express 应用中进行相应的配置：

const express = require('express');
const session = require('express-session');
const flash = require('connect-flash');
const csrf = require('csurf');

const app = express();

// 设置 CSRF 保护
app.use(csrf({ cookie: true }));

// 使用 session 和 flash 中间件
app.use(session({
    secret: 'your-secret-key',
    resave: false,
    saveUninitialized: false
}));

app.use(flash());

// 在模板引擎中暴露 CSRF token
app.use((req, res, next) => {
    res.locals.csrfToken = req.csrfToken();
    next();
});

// 示例路由
app.post('/register', (req, res) => {
    // 处理注册逻辑
    console.log(req.body);
    res.send('Registration successful!');
});

app.listen(3000, () => {
    console.log('Server is running on port 3000');
});

前端表单

在前端表单中，确保包含 CSRF token：

<form action="/register" method="POST">
    <input type="hidden" name="_csrf" value="{{ csrfToken }}">
    <label for="username">Username:</label>
    <input type="text" id="username" name="username">
    <label for="password">Password:</label>
    <input type="password" id="password" name="password">
    <button type="submit">Register</button>
</form>

总结

通过以上步骤，你可以解决 403 Error: Forbidden 错误，并确保注册信息能够正确写入数据库。确保在前端表单中包含 CSRF token，并在后端正确验证它。这样可以有效防止 CSRF 攻击，同时保证应用的正常运行。