nginx 配制
# 開啟gzip
gzip on;
# 啟用gzip壓縮的最小文件，小于設(shè)置值的文件將不會壓縮
gzip_min_length 1k;
# 設(shè)置壓縮所需要的緩沖區(qū)大小
gzip_buffers 16 64k;
# 設(shè)置gzip壓縮針對的HTTP協(xié)議版本
gzip_http_version 1.1;
# gzip 壓縮級別，1-9，數(shù)字越大壓縮的越好，也越占用CPU時間
gzip_comp_level 3;
gzip_types text/plain application/x-javascript application/javascript text/javascript text/css application/xml application/x-httpd-php image/jpeg image/gif image/png;
# 是否在http header中添加Vary: Accept-Encoding瓶籽，建議開啟
gzip_vary on;
將上面的 配制 添加到 server 上面 重啟 nginx
nginx -s reload
vue 配制gzip (vue cli 2X) vue-cli3.x 配制 差不多相似
1、安裝 compression-webpack-plugin
npm install --save-dev compression-webpack-plugin@1.1.12 安裝最新版本 會出錯，看網(wǎng)友有的是安裝 1.1.12 版本 確實 可以成功告抄！感謝
2、修改productionGzip 為true /config/index.js 下
image.png
3嵌牺、修改 build/webpack.prod.conf.js 文件 為 filename
image.png
4打洼、npm run build 更新 服務(wù)器
最后 訪問下 站點 可以看到 gzip 成功
image.png
