项目优化之node环境开启Gzip

A.通过node创建服务器

• 创建一个文件夹vue_demo_server存放node服务器
• 使用终端打开vue_demo_server文件夹，输入命令 npm init -y
• 初始化包之后，输入命令 npm i express -S
• 打开vue_demo目录， 复制执行npm run build命令后生成的dist文件夹，粘贴到vue_demo_server中
• 在vue_demo_server文件夹中创建app.js文件,编写代码如下：

const express = require('express')

const app = express()

app.use(express.static('./dist'))

app.listen(8998,()=>{
    
    
    console.log("server running at http://127.0.0.1:8998")
})

• 然后再次在终端中输入 node app.js开启项目。

B.开启gzip压缩

• 打开vue_demo_server文件夹的终端，输入命令：npm i compression -D
• 打开app.js,编写代码：

const express = require('express')

const compression = require('compression')

const app = express()	

app.use(compression()) // 注册中间件 一点要写在静态托管之前
app.use(express.static('./dist')) //

app.listen(8998,()=>{
    
    
    console.log("server running at http://127.0.0.1:8998")
})

开启项目 再次在终端中输入 node app.js
打开页面会发现：

比较大的文件已经启用了gzip。