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:

nginxnginx.confgzip onreload
app.js401kB

Why not loaded 125KB?
I"m a rookie, and I"ve never done this before, so please give me some advice

Webpack nginx vue.js

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.

Previous: T = 10 | | is there an abbreviation for the 'and' operator of t = 20?

Next: For the picture upload process, the front end asks for an explanation.

Vue + webpack pack production package, deploy to nginx, page blank
vue + webpack pack production package and deploy to nginx, page with blank description router index.js const router = new Router({ mode: history , base: cms-admin , scrollBehavior: () => ({y: 0}), routes: constantRouterMap }) ...

Webpack nginx vue.js

Mar.28,2021