Vue-cli打包开了gzip，nginx在nginx.conf设置了gzip on，但是加载的时候好像没有走gzip如何解决？

Question

我先设置productionGzip: true,
在webpack.prod.conf.js里面原来已经帮写了配置

if (config.build.productionGzip) {
const CompressionWebpackPlugin = require('compression-webpack-plugin')

webpackConfig.plugins.push(

new CompressionWebpackPlugin({
  asset: '[path].gz[query]',
  algorithm: 'gzip',
  test: new RegExp(
    '\\.(' +
    config.build.productionGzipExtensions.join('|') +
    ')$'
  ),
  threshold: 0,       // 10240
  minRatio: 0.8,
  // deleteOriginalAssets: true
})

)
}

打包出来js文件列表部分如下：

nginx在nginx.conf设置了gzip on，reload了
但是我看加载的资源app.js还是原来的超级大的401kB

为什么不是加载的125KB的？
小弟菜鸟一枚，之前也没搞过这个，还请大神指点

Answer 1

浏览器 NetWork 里资源的 Response Headers 中, 是否存在 content-encoding:gzip ?

其实sf里已经有类似问题了:

• (这里答案已经很完善)如何判断nginx代理的站点是否开启了Gzip压缩？ - SegmentFault 思否
  https://segmentfault.com/q/10...
• (这里的答案是一个扩展)nginx配置gzip，压缩css，不压缩js - SegmentFault 思否
  https://segmentfault.com/q/10...
• (这里的答案是一个扩展)nginx + fastcgi+web.py 做网站，gzip 只能压缩静态资源？ - SegmentFault 思否
  https://segmentfault.com/q/10...