在 Web 应用程序中，为了提高性能和用户体验，我们通常会使用压缩技术来减少数据传输量。在 Express.js 中，我们可以使用一些中间件来压缩 JSON 和静态资源。本文将介绍如何在 Express.js 中使用这些中间件。
压缩 JSON
在 Express.js 中，我们可以使用 compression 中间件来压缩 JSON 响应。首先，我们需要安装 compression：
npm install compression然后，在 Express.js 应用程序中使用 compression 中间件：
const express = require('express'); const compression = require('compression'); const app = express(); app.use(compression());
现在，我们的应用程序将自动压缩所有 JSON 响应。例如，在发送以下 JSON 响应时：
app.get('/api/data', (req, res) => { const data = { foo: 'bar' }; res.json(data); });
响应将自动被压缩。
压缩静态资源
在 Express.js 中，我们可以使用 express-static-gzip 中间件来压缩静态资源。首先，我们需要安装 express-static-gzip：
npm install express-static-gzip
然后，在 Express.js 应用程序中使用 express-static-gzip 中间件：
const express = require('express'); const expressStaticGzip = require('express-static-gzip'); const app = express(); app.use('/', expressStaticGzip('public'));
这将压缩 public 目录中的所有静态资源，例如 CSS、JavaScript 和图像文件。当客户端请求这些文件时，它们将自动被压缩并发送给客户端。
总结
在本文中，我们介绍了如何在 Express.js 中使用中间件来压缩 JSON 和静态资源。这些中间件可以帮助我们提高 Web 应用程序的性能和用户体验。通过使用这些中间件，我们可以减少数据传输量，加快页面加载速度，并节省带宽和服务器资源。
示例代码：
-- -------------------- ---- ------- ----- ------- - ------------------- ----- ----------- - ----------------------- ----- ----------------- - ------------------------------- ----- --- - ---------- -- -- ---- ----------------------- -- ------ ------------ ----------------------------- -- -- ---- -- -------------------- ----- ---- -- - ----- ---- - - ---- ----- -- --------------- --- ---------------- -- -- - ------------------- -- ------- -- ---- ------- ---展开代码
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6567ebefd2f5e1655d0b95db
