vue 如何开启 gzip 压缩

nginx 配制

# 开启gzip gzip on; # 启用gzip压缩的最小文件，小于设置值的文件将不会压缩 gzip_min_length 1k; # 设置压缩所需要的缓冲区大小 gzip_buffers 16 64k; # 设置gzip压缩针对的HTTP协议版本 gzip_http_version 1.1; # gzip 压缩级别，1-9，数字越大压缩的越好，也越占用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

vue 配制gzip

1、安装 compression-webpack-plugin

npm install --save-dev compression-webpack-plugin@1.1.12 安装最新版本 会出错，看网友有的是安装 1.1.12 版本 确实 可以成功！感谢

2、修改productionGzip 为true /config/index.js 下

productionGzip: false, productionGzipExtensions: ['js', 'css'],

3、修改 build/webpack.prod.conf.js 文件 为 filename

 

 

4、npm run build 更新 服务器

最后 访问下 站点 可以看到 gzip 成功

 

PS：如果你的浏览器没有显示GZ ， 需要设置一下浏览器