Nginx开启gzip压缩解决react打包文件过大

用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的文章

 

nginx服务器安装及配置文件详解

nginx配置location总结及rewrite规则写法

nginx配置ssl加密（单/双向认证、部分https）

nginx做负载均衡器以及proxy缓存配置

Nginx+Keepalived实现站点高可用

 

相同域名多个vue应用的部署

https://www.cnblogs.com/lcosima/p/9627165.html