vue-cli 2.9.x开启 gzip

开启 gzip

修改 config/index.js

成功后生成额外的 .gz 文件

打开浏览器

如果此时并未生效，可能服务器端没开启gzip

nginx gzip 配置

刷新浏览器

    # 开启gzip

    gzip on;

    # 启用gzip压缩的最小文件，小于设置值的文件将不会压缩

    gzip_min_length 1k;

    # gzip 压缩级别，1-9，数字越大压缩的越好，也越占用CPU时间，后面会有详细说明

    gzip_comp_level 1;

    # 进行压缩的文件类型。javascript有多种形式。其中的值可以在 mime.types 文件中找到。

    gzip_types text/plain application/javascript application/x-javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png application/vnd.ms-fontobject font/ttf font/opentype font/x-woff image/svg+xml;

    # 是否在http header中添加Vary: Accept-Encoding，建议开启

    gzip_vary on;

    # 禁用IE 6 gzip

    gzip_disable "MSIE [1-6]\.";

    # 设置压缩所需要的缓冲区大小

    gzip_buffers 32 4k;

    # 设置gzip压缩针对的HTTP协议版本

    gzip_http_version 1.0;

对比