场景
本人前端打包的js达到了6.9M,导致网站加载很慢，想了下可以用gzip的方式压缩，减少文件大小。
“前些天发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默，忍不住分享一下给大家。
搜索了下，资料整理如下：
gzip压缩有两种方案：
- vue项目打包时生成.gz压缩文件，通过nginx直接返回。
- nginx实时生成.gz压缩文件并返回给客户端。
这篇文字写的很好的：
原文地址:
https://zhuanlan.zhihu.com/p/610206099
个人实践
本人在实际场景，发现前端vue打包没生效，没办法才用了nginx的压缩方式：
代码如下:
在sever中加入下面的代码
gzip on; gzip_vary on; gzip_disable "MSIE [1-6]\."; gzip_static on; gzip_min_length 256; gzip_buffers 32 8k; gzip_http_version 1.1; gzip_comp_level 5; gzip_proxied any; gzip_types text/plain text/css text/xml application/javascript application/x-javascript application/xml application/xml+rss application/emacscript application/json image/svg+xml;
然后浏览器就是
从6M压缩到了1M多，网站加快了很多。
大功告成!!!
