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

未压缩前的

压缩后的

那么如何压缩的呢,接着往下看

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"

}

这里的gzip_static是设置静态压缩用的,具体功能可以自行百度下。

3.重启Nginx,完活。


支持gzip的会有这么一个属性,一目了然
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容