前端压缩打包 Vue+vite配合nginx实现gzip压缩

vue前端项目发布的时候,打包可配合nginx实现gzip格式的压缩,这样会减少网络带宽,nginx有两种压缩方式,一个是动态压缩,一个是静态压缩。

1.在 nginx 中实时用 gzip 压缩文件输出,利用 nginx 中的模块 ngx_http_gzip_module, 消耗 CPU 来做压缩,nginx配置如下:

官方配置文档说明

http{
        gzip on; 
        gzip_min_length 1k;
        gzip_buffers 4 16k;
        gzip_comp_level 8;
        gzip_types text/plain application/javascript application/x-javascript text/css application/xml text/javascript;
        gzip_vary on;
        gzip_disable "MSIE [1-6]\.";
}

2.事先用 gzip 压缩好文件(.gz)让 nginx 根据请求来自己选择 .gz 文件输出,利用 nginx 中的模块 http_gzip_static_module,不消耗 CPU 资源,nginx配置只需要在上述里面加入一行即可,如下:
官网配置文档说明

gzip_static on;

参考文章

发表评论

您的电子邮箱地址不会被公开。