解决Vue打包文件大，首次加载慢的问题

最新推荐文章于 2023-03-24 14:29:21 发布

转载最新推荐文章于 2023-03-24 14:29:21 发布 · 784 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

原文链接：https://www.jianshu.com/p/ea634a2bc4c1?open_source=weibo_search

收录于

Vue 专栏收录该内容

13 篇文章

订阅专栏

本文介绍如何通过Nginx配置Gzip压缩功能，包括开启gzip压缩、设置压缩级别及类型，并重启Nginx使配置生效。

未压缩前的
在这里插入图片描述
压缩后的

那么如何压缩的呢，接着往下看
1.首先在config/index.js里把productionGzip设置为true（以生产环境为例）

2.配置Nginx
找到nginx.config

http {

    gzip on;            #开启或关闭gzip on off

    gzip_static on;     #是否开启gzip静态资源

    gzip_disable "msie6";  #不使用gzip IE6

    gzip_min_length 100k;  #gzip压缩最小文件大小，超出进行压缩（自行调节）

    gzip_buffers 4 16k;    #buffer 不用修改

    gzip_comp_level 3;   #压缩级别:1-10，数字越大压缩的越好，时间也越长

    gzip_types text/plain application/x-javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png;       #压缩文件类型   

    gzip_vary off;      #跟Squid等缓存服务有关，on的话会在Header里增加 "Vary: Accept-Encoding"

}