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'));
相关推荐
_r0bin_4 小时前
前端面试准备-7
开发语言·前端·javascript·fetch·跨域·class
IT瘾君4 小时前
JavaWeb:前端工程化-Vue
前端·javascript·vue.js
zhang98800004 小时前
JavaScript 核心原理深度解析-不停留于表面的VUE等的使用!
开发语言·javascript·vue.js
拉不动的猪8 小时前
都25年啦,还有谁分不清双向绑定原理,响应式原理、v-model实现原理
前端·javascript·vue.js
狂炫一碗大米饭8 小时前
一文打通TypeScript 泛型
前端·javascript·typescript
exploration-earth10 小时前
本地优先的状态管理与工具选型策略
开发语言·前端·javascript
哈贝#11 小时前
vue和uniapp聊天页面右侧滚动条自动到底部
javascript·vue.js·uni-app
Lazy_zheng11 小时前
🚀 前端开发福音:用 json-server 快速搭建本地 Mock 数据服务
前端·javascript·vue.js
用户25191624271111 小时前
ES6之块级绑定
javascript
ZzMemory11 小时前
藏起来的JS(四) - GC(垃圾回收机制)
前端·javascript·面试