题目
解释中间件在Web框架中的基本概念和工作原理
信息
- 类型：问答
- 难度：⭐
考点
中间件概念,中间件执行流程,请求-响应周期
快速回答
中间件是Web框架中处理HTTP请求/响应的可重用函数。核心要点：
- 定义：接收请求(req)、响应(res)、next回调的函数
- 执行顺序：按注册顺序依次执行
- 关键操作：必须调用next()传递控制权或直接响应
- 作用：日志记录、身份验证、数据解析等
1. 中间件核心概念
中间件是Web框架处理HTTP请求的管道中的组件，本质是一个函数，具有以下特征：
- 接收三个参数：
req(请求对象)、res(响应对象)、next(回调函数) - 可修改请求/响应对象（如添加属性）
- 可终止请求（直接发送响应）或传递控制权（调用next()）
2. 工作原理示意图
请求 → [中间件1] → [中间件2] → ... → [路由处理] → 响应
↑ ↓ ↓
next() next() res.send()3. 代码示例（Express）
// 1. 日志记录中间件
app.use((req, res, next) => {
console.log(`[${new Date().toISOString()}] ${req.method} ${req.url}`);
next(); // 传递到下一个中间件
});
// 2. 身份验证中间件
app.use('/admin', (req, res, next) => {
if (req.headers.token === 'secret') {
next(); // 验证通过
} else {
res.status(403).send('Forbidden'); // 终止请求
}
});
// 3. 路由处理
app.get('/admin', (req, res) => {
res.send('Admin dashboard');
});4. 执行流程关键点
- 顺序敏感：中间件按
app.use()注册顺序执行 - next()的作用：将控制权交给下一个中间件
- 响应终止条件：当某个中间件调用
res.send()/res.json()时，请求处理终止
5. 常见错误
- 忘记调用next()：导致请求挂起（客户端无响应）
- 多次发送响应：在一个请求中多次调用
res.send()会报错 - 顺序错误：如将body解析中间件放在路由之后
6. 最佳实践
- 通用中间件（如日志）放在路由前
- 错误处理中间件放在最后（需4个参数：
(err, req, res, next)） - 使用return保证逻辑清晰：
return next()
7. 扩展知识
- 洋葱模型：Koa框架的中间件可双向处理（请求进入和响应返回时都执行）
- 常用中间件：
morgan(日志)、cors(跨域)、helmet(安全头) - 组合方式：可通过
app.use()组合多个中间件
