nginx配置vue项目gzip压缩

有时候vue打包之后，包比较大，然后服务端第一次加载就比较慢，这样用户体验就比较差，nginx配置的时候可以对请求的文件进行压缩，可以加快使得网络请求之时比较快。

这是压缩之前的数据加载：

这是压缩之后的效果：

很明显，这里的压缩之后的文件更小，访问速度自然也就更快.

配置如下：

http {

    gzip  on;
    gzip_min_length     1k;
    gzip_buffers        4 8k;
    gzip_http_version   1.0;
    gzip_comp_level     8;
    gzip_proxied        any;
    gzip_types          application/javascript text/css image/gif;
    gzip_vary           on;
    gzip_disable        "MSIE [1-6]\.";

    #以下的配置省略...
}

也就是在nginx的http配置中加入以上配置即可，gzip_comp_level是压缩的等级  为1-9之间，越大服务端的小号的cpu也就越大，所以并不是越大越好。

nginx开启静态资源压缩功能就是这样，可以解决首页首次加载很慢的情况。学习之余，记录一下点滴。