vue
gizp压缩是一种http要求优化办法，通过减少文件体积来提高加载速率。html、js、css文件乃至json数据都可以用它压缩，减少文件大小。减少文件大小有两个明显的好处，一是可以减少存储空间，二是通过网络传输文件时，可以减少传输的韶光。gzip 是在 Linux 系统中常常利用的一个对文件进行压缩和解压缩的命令，既方便又好用。
vue可以通过安装 compression-webpack-plugin 来实现gzip压缩，配置很随意马虎。
npm i --save-dev compression-webpack-plugin在 vue.config.js 配置gzip压缩
const CompressionWebpackPlugin = require('compression-webpack-plugin');module.exports = { // ... configureWebpack: config => { config.externals = { AMap: "AMap", // 高德舆图配置 } if (process.env.NODE_ENV === 'production') { return { plugins: [new CompressionWebpackPlugin({ test: /\.js$|\.html$|\.css/, // 匹配文件名 threshold: 10240, // 对超过10k的数据进行压缩 deleteOriginalAssets: false, //是否删除原文件 })] } // ... }配置Nginx
server { listen 8080; server_name demo; #开启或关闭gzip on off gzip on; #gzip压缩最小文件大小，超出进行压缩（自行调节） gzip_min_length 5k; gzip_buffers 4 16k; #buffer 不用修正 gzip_comp_level 8; #压缩级别:1-10，数字越大压缩的越好，韶光也越长 gzip_types text/plain application/json application/x-javascript application/javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png; # 压缩文件类型 gzip_vary on; # 和http头有关系，加个vary头，给代理做事器用的，有的浏览器支持压缩，有的不支持，以是避免摧残浪费蹂躏不支持的也压缩，以是根据客户真个HTTP头来判断，是否须要压缩 location / { root /demo/dist; index /index.html; } }如果是支配到tomcat里，配置tomcat也很大略
<Connector connectionTimeout="20000" enableLookups="false" port="80" protocol="HTTP/1.1" redirectPort="8443" useBodyEncodingForURI="false"compressableMimeType="text/html,text/xml,text/plain,text/javascript,text/csv,application/json,application/xml,application/x-javascript,application/javascript,text/css"URIEncoding="utf-8"/>
