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'));
相关推荐
小小愿望2 小时前
移动端浏览器中设置 100vh 却出现滚动条?
前端·javascript·css
烛阴3 小时前
TypeScript 接口入门:定义代码的契约与形态
前端·javascript·typescript
掘金安东尼3 小时前
使用自定义高亮API增强用户‘/’体验
前端·javascript·github
夏日不想说话4 小时前
API请求乱序?深入解析 JS 竞态问题
前端·javascript·面试
掘金安东尼4 小时前
我们让 JSON.stringify 的速度提升了两倍以上
前端·javascript·面试
yvvvy6 小时前
前端跨域全解析:从 CORS 到 postMessage,再到 WebSocket
前端·javascript·trae
小周同学:7 小时前
在 Vue2 中使用 pdf.js + pdf-lib 实现 PDF 预览、手写签名、文字批注与高保真导出
开发语言·前端·javascript·vue.js·pdf
teeeeeeemo8 小时前
跨域及解决方案
开发语言·前端·javascript·笔记
JSON_L8 小时前
Vue Vant应用-数据懒加载
前端·javascript·vue.js
可爱小仙子8 小时前
vue-quill-editor上传图片vue3
前端·javascript·vue.js