vue 开启gzip ,nginx 配置gzip

Posted 2023-03-26

参考技术A 1 在vue.config.js 里面引入'compression-webpack-plugin'

3、打包npm run build 后目标文件里出现 gz 压缩文件即成功

访问 网站，出现一下标志，证明nginx 配置成功

nginx 开启静态 gzip 配合 Vue 构建

在站点配置添加如下代码：

    location ~* \.(css|js)$ {
       gzip_static on;
    }

这是nginx的静态 gzip功能，会自动查找对应扩展名的文件，如果存在 gzip 文件，就使用，如果没有就用源文件

 

配合 vue-cli 的构建工具，开启 config/index.js 中的

productionGzip: true

 

即可食用 gzip 啦~

 

refer: 论坛文章