Vue + ElementUI的电商管理系统实例29 项目上线-开启gzip配置
2023-09-27 14:24:39 时间
项目上线
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 压缩了。
相关文章
- Node+TS+Koa+vue 商城全栈(十一)快速删除文件
- 解决 vue 的缩进问题 及 vue 的 sass 调用 mixin 函数
- 08Vue - Vue实例(实例生命周期)
- 07Vue - Vue实例(属性与方法)
- Vue - cli3 脚手架搭建项目步骤流程(windows)
- Vue.js / Nuxt.js / uni-app - 移动端 H5 网页,在电脑 PC 上打开时居中显示(手机网页在电脑上打开后,简单粗暴防止 “界面样式“ 拉伸变形的解决方案)适用所有web项目
- vue.js之过渡动画
- webpack 与 vue 打包体积优化
- 基于NodeJS+Vue+MySQL实现一个在线编程笔试平台【100010629】
- vue-cli3快速创建项目
- vue-监听视图滚动-加载下一页数据(鼠标滚动到底,加载)
- vue基础---实例
- 【Vue】Vue2生命周期详解
- Vue+Echarts监控大屏实例二:促销活动监控模板实例
- vue实战入门基础篇八:从零开始仿门户网站实例-全局检索实现
- vue实战入门基础篇三:从零开始仿门户网站实例-公共组件实现
- vue v-html解析不了rn 解决方案
- vue-cli安装webpack项目及初始配置
- VUE入门实例,模版组件用法
- vue中使用原生swiper
- 浅析Vue3相关基础知识:Vue3应用配置、重写的v-model、emits 选项、getCurrentInstance()获取实例、采用mitt实现全局通讯、vue-router的新特性
- 图解vue中 v-for 的 :key 的作用,虚拟dom Diff算法
- vue基础四(comment实例)
- Element-UI+Vue.js
- Vue学习第14天——vue自定义事件及详细代码演示
- Vue开发实例(18)之用户列表的增删改
- Vue开发实例(16)之创建标签页
- Vue开发实例(10)之Link 文字链接
- Vue开发实例(07)之编写头部页面
- Vue开发实例(03)之Vue项目引入element_ui
- 解决Vue启动失败报错:Module not found: Error: Can‘t resolve ‘less-loader‘
- 【转】vue中样式被覆盖的问题,vue中的style不生效
- vue 生成二维码:vue-qr插件