用create-react-app创建的react应用打包之后的build js有1M之多. 采用gzip打包传输,可以节约70%左右的带宽
nginx采用gzip打包方式
在nginx配置中添加如下字段
gzip on;
gzip_buffers 32 4k;
gzip_comp_level 6;
gzip_min_length 200;
gzip_types text/css text/xml application/javascript;
gzip_vary on;
然后重启nginx即可
nginx -s reload
对比前后的文件大小和速度
压缩前 2.57s
压缩后0.883s
关于nginx的文章
相同域名多个vue应用的部署