NGINX配置gzip压缩VUE的静态文件报告

nginx 配置：

# 写在了server{括号中}

# 开启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;

nginx配置前

7.10MB/7.10MB

nginx配置后

7.10MB/2.70MB

注：这里只进行nginx的配置，没有进行VUE项目的打包处理。并且之后也进行了VUE的打包处理（设置打包后生成.gz的压缩文件），但是大小和压缩倍率并没有改变

查看gzip是否生效的方法：