Nginx配置Gzip压缩

1、安装vite-plugin-compression插件，在vite中配置，打包即可

​import viteCompression from "vite-plugin-compression";
​
export default defineConfig({
  plugins: [
    viteCompression({
      ext: ".gz", // 输出的压缩文件扩展名
      algorithm: "gzip", // 使用 Gzip 算法
      threshold: 10240, // 仅压缩大于 10KB 的文件
      deleteOriginFile: false, // 是否删除源文件
    }),
  ],
})

​

​

2、在nginx中配置如下代码

http {

        ......
        gzip on;#开启或者关闭gzip模块
        gzip_http_version 1.0;#使用proxy_pass进行反向代理，使用1.0
        gzip_disable "msie [1-6]";#禁止ie6进行gzip压缩
        gzip_proxied any;#压缩通过代理链接的客户端数据
        gzip_static on;#nginx对于静态文件的处理模块,预先读取.gz文件
        gzip_buffers 4 16k;
        gzip_comp_level 5;#gzip压缩比/压缩级别,越高对性能损耗越大,压缩率增加
        gzip_min_length 1024;
        gzip_types application/javascript text/plain application/x-javascript text/css         application/xml text/javascript application/x-httpd-php image/jpeg image/gif         image/png; #压缩文件类型
        gzip_vary on;#根据客户端的HTTP头来判断，是否需要压缩

         ......

}

通过上述方法，运行nginx后，启动网页，浏览器中出现如下配置，表示压缩成功。