揭秘 Express-Validator 中验证链条失效的谜团：新手与资深程序员的救星

2024-03-08 08:29:20

揭秘 Express-Validator 中验证链条失效的谜团

引言

在 Express.js 中使用 Express-Validator 进行表单验证时，开发人员有时会遇到一个恼人的错误："Cannot set headers after they are sent to the client."。这个错误会让新手程序员抓狂，而资深程序员也会感到困惑。在这篇文章中，我们将深入探讨导致此错误的根源，并提供一个简单的解决方案，帮助你恢复 Express-Validator 的验证链条功能。

问题根源：响应已发送

此错误的根本原因在于 Express-Validator 的验证链条在中间件中执行，而中间件在路由处理程序之前执行。这意味着，如果你在验证链条中设置标头，然后在处理程序中再次发送响应，就会发生冲突。这是因为，一旦响应被发送，就无法再修改标头。

解决方案：移动标头设置

要解决这个问题，我们需要将标头设置代码从验证链条移动到处理程序中。这样，当验证链条运行时，标头不会被设置，从而避免冲突。

// 移动到处理程序
router.post("/", async (req, res) => {
  const result = validationResult(req);
  if (result.isEmpty()) {
    // 设置标头
    res.setHeader("Content-Type", "application/json");
  }

  res.send({ errors: result.array() });
});

示例代码（已修正）

const express = require("express");
const router = express.Router();
const User = require("../Models/User");
const { body, validationResult } = require("express-validator");

//post route for registering user(No auth required)
router.post(
  "/",
  [
    body("name", "Name cannot be empty")
      .notEmpty()
      .customSanitizer(value => {
        return escape(value);
      }),
    body("email", "Enter a valid email").isEmail(),
    body(
      "password",
      "Password must be 8characters long. 1 lowercase, 1 uppercase, 2 number and 1 special character is required"
    ).isStrongPassword({
      minLength: 8,
      minLowercase: 1,
      minUppercase: 1,
      minNumbers: 1,
      minSymbols: 1,
    }),
  ],
  async (req, res) => {
    const result = validationResult(req);
    if (result.isEmpty()) {
      //All validations passed
      try {
        const user = User(req.body);
        await user.save();
        res.setHeader("Content-Type", "application/json");
        res.send(req.body);
      } catch (err) {
        return res.status(400).json({ error: "Email already exists" });
      }
    }
    res.send({ errors: result.array() });
  }
);

module.exports = router;