开启gzip

第一种前端打包生成gz文件

const CompressionWebpackPlugin = require('compression-webpack-plugin')

    configureWebpack: {
      output: {
      },
      plugins: [
        new CompressionWebpackPlugin({
          algorithm: 'gzip',
          test: new RegExp('\\.(' + ['js', 'css'].join('|') + ')$'),
          threshold: 10240,
          minRatio: 0.8
        })
      ]
    },

第二种nginx 开启gzip

http: {

#开启gzip

gzip ``on``;

#低于1kb的资源不压缩

gzip_min_length 1k;

#压缩级别1-9，越大压缩率越高，同时消耗cpu资源也越多，建议设置在5左右。

gzip_comp_level 5;

#需要压缩哪些响应类型的资源，多个空格隔开。不建议压缩图片.

gzip_types text/plain application/javascript application/x-javascript text/javascript text/xml text/css;

#配置禁用gzip条件，支持正则。此处表示ie6及以下不启用gzip（因为ie低版本不支持）

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

#是否添加"Vary: Accept-Encoding"响应头

gzip_vary ``on``;

}

使用vue打包时gzip压缩的两种方案 - Python技术站