Vue + ElementUI的电商管理系统实例29 项目上线-开启gzip配置

项目上线

2、开启 gzip 配置

使用 gzip 可以减小文件体积，使传输速度更快。

可以通过服务器端使用 express 做 gzip 压缩，其配置如下：

// 安装相应包
npm install compression -S// 导入包
const compression = require('compression')
// 启用中间件
app.use(compression())

回到服务端的代码，先把项目停掉。

在终端里输入：

npm install compression -S

安装完成后，打开 app.js 文件导入：

// 导入包
const compression = require('compression')
// 启用中间件 (一定要把这行代码，写到静态资源托管之前)
app.use(compression())

保存后，重启项目。

node app.js

刷新浏览器，打开 nerwork 可以看到 chunk-vendors 压缩了。