Vue-cli packaged gzip,nginx, set gzip on, in nginx.conf, but didn't seem to go when loading. How can gzip solve the problem?

I will first set up productionGzip: true,
I have already written the configuration

in 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
})

)
}

the list of packaged js files is as follows:

clipboard.png

nginxnginx.confgzip onreload
app.js401kB
clipboard.png
Why not loaded 125KB?
I"m a rookie, and I"ve never done this before, so please give me some advice

.
Nov.23,2021

is there content-encoding:gzip in Response Headers of resources in NetWork browser?

in fact, there is already a similar problem in sf:

  • (the answer here is perfect) how can I tell if nginx proxy's site has Gzip compression enabled? -SegmentFault:
    https://codeshelper.com/q/10.
  • (the answer here is an extension) nginx configures gzip, compression css, does not compress js-SegmentFault think
    https://codeshelper.com/q/10.
  • (the answer here is an extension) nginx + fastcgi+web.py to do a website, gzip can only compress static resources? -SegmentFault:
    https://codeshelper.com/q/10.
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b376a8-2c09b.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b376a8-2c09b.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?