项目优化之node环境开启Gzip

    科技2024-02-20  94

    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。

    Processed: 0.019, SQL: 8