前几天对项目进行了webpack打包优化,开启了webpack的gzip功能,打包出来的.gz需要nginx开启gzip功能才能使用,要不然加载资源会报404;新增nginx配置如下:
#开启和关闭gzip模式
gzip on;
#gizp压缩起点,文件大于1k才进行压缩
gzip_min_length 1024k;
#gzip 压缩级别,1-9,数字越大压缩的越好,也越占用CPU时间
gzip_comp_level 4;
#进行压缩的文件类型。
gzip_types text/plain application/x-javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png;
#nginx对于静态文件的处理模块,开启后会寻找以.gz结尾的文件,直接返回,不会占用cpu进行压缩,如果找不到则不进行压缩
gzip_static on;
#是否在http header中添加Vary: Accept-Encoding,建议开启
gzip_vary on;
#设置压缩所需要的缓冲区大小,以4k为单位,如果文件为7k则申请2*4k的缓冲区
gzip_buffers 4 16k;
#设置gzip压缩针对的HTTP协议版本
gzip_http_version 1.1;
执行 nginx -t 命令,检查nginx配置文件是否正确,报错信息如下:
错误信息:
[root@localhost sbin]#