Express.js 有哪些常用的中间件?

在使用 Express.js 开发应用程序时,中间件(Middleware)是处理请求和响应的关键组件。它们可以执行各种任务,如解析请求体、添加HTTP头部、记录日志等。以下是一些常用的中间件:

  1. body-parser
    • 用于解析传入的请求体。它对JSON、原始文本、URL编码数据和多部分表单数据有效。
    • 注意:自Express 4.16.0起,express.json()express.urlencoded() 已经内置支持解析JSON和URL编码的数据。
  2. cookie-parser
    • 解析Cookie头部并填充req.cookies对象。
    • 结合signed cookies功能,可以通过设置密钥来签名cookies。
  3. cors
    • 提供一个简单的CORS中间件,允许你轻松地配置跨域资源共享策略。
  4. express-session
    • 管理会话信息,通过存储在服务器端的状态为无状态HTTP协议增加记忆能力。
    • 经常与会话存储库一起使用,比如connect-mongoconnect-redis,以持久化会话数据。
  5. morgan
    • HTTP请求日志记录器中间件,支持多种格式的日志输出,包括dev、combined等。
  6. helmet
    • 帮助设置一些安全相关的HTTP头,提供一套简单的防护措施对抗常见的网络攻击。
  7. compression
    • 对所有响应进行Gzip压缩,减小传输大小,提高页面加载速度。
  8. method-override
    • 允许客户端发送PUT、DELETE等HTTP方法,即使是在只支持GET和POST的浏览器上。
  9. multer
    • 处理multipart/form-data类型的文件上传,非常适合处理文件上传需求的应用程序。
  10. errorhandler
    • 在开发环境中友好地显示错误信息,通常不应该在生产环境中启用。
  11. serve-static
    • 用来服务静态文件,例如图片、CSS文件、JavaScript文件等。

使用示例

nodejs 复制代码
const express = require('express');
const bodyParser = require('body-parser');
const cookieParser = require('cookie-parser');
const cors = require('cors');
const session = require('express-session');
const morgan = require('morgan');
const helmet = require('helmet');
const compression = require('compression');
const methodOverride = require('method-override');
const multer = require('multer');

const app = express();

// 中间件应用
app.use(bodyParser.json()); // for parsing application/json
app.use(bodyParser.urlencoded({ extended: true })); // for parsing application/x-www-form-urlencoded
app.use(cookieParser());
app.use(cors());
app.use(session({ secret: 'your-secret-key', resave: false, saveUninitialized: true }));
app.use(morgan('dev'));
app.use(helmet());
app.use(compression());
app.use(methodOverride('_method'));
app.use(multer().single('file')); // or any other configuration you need for multer

// ... routes and other middleware ...

app.listen(3000, () => console.log('Server running on port 3000'));
相关推荐
Cobyte16 小时前
3.响应式系统基础:从发布订阅模式的角度理解 Vue2 的数据响应式原理
前端·javascript·vue.js
竹林81816 小时前
从零到一:在React前端中集成The Graph查询Uniswap V3池数据实战
前端·javascript
军军君0116 小时前
Three.js基础功能学习十八:智能黑板实现实例五
前端·javascript·vue.js·3d·typescript·前端框架·threejs
Moment16 小时前
AI全栈入门指南:一文搞清楚NestJs 中的 Controller 和路由
前端·javascript·后端
程序员马晓博16 小时前
前端并发治理:从 Token 刷新聊起,一个 Promise 就够了
前端·javascript
英俊潇洒美少年16 小时前
Vue、React.lazy、React 19 异步组件核心区别
javascript·vue.js·react.js
快乐小土豆~~17 小时前
echarts柱状图的X轴label过长被重叠覆盖
前端·javascript·vue.js·echarts
小李子呢021118 小时前
前端八股2---Proxy 代理
前端·javascript·vue.js
bjzhang7518 小时前
使用 HTML + JavaScript 实现组织架构图
前端·javascript·html·组织架构图
军军君0118 小时前
Three.js基础功能学习十六:智能黑板实现实例三
前端·javascript·css·vue.js·3d·前端框架·threejs