Angular项目nginx配置里gzip压缩

Nginx启动gzip压缩

新的Angular项目在Linux服务器部署用的Nginx，由于单页面应用的一些文件会比较大，首次加载页面速度会慢，所以需要做一系列的优化。
其中 gzip压缩 就是加速效果比较明显的一个方法。
想当然的在nginx配置文件中做了gzip的设置，竟然没有生效，检查了一下并没有写错什么，于是做了下思考：
nginx在执行配置命令的时候应该也是要遵循一定的顺序来的，那么很有可能是配置了index.html以后再配置gzip就会忽略后面的配置，试了一下果然如此。
只需要把gzip配置写在前面，就可以生效了，写在这里记录一下，相关代码如下。

nginx.conf文件中的配置

在nogix.conf文件中， server的设置如下：

// 上下省略
	server {
	        listen       80 default_server;
	        listen       [::]:80 default_server;
	        server_name  _;
	        root         /usr/share/nginx/html;
	
	        # Load configuration files for the default server block.
	        include /etc/nginx/default.d/*.conf;
	
	        location / {
	        	//正确的做法是将gzip配置写在前面，否则不会生效
			    gzip on;
		        gzip_http_version 1.1;
		        gzip_comp_level 3;	    
			    gzip_vary on;
		        gzip_types text/plain application/json application/x-javascript application/css application/xml application/xml+rss text/javascript application/x-httpd-php image/jpeg image/gif image/png image/x-ms-bmp;
		
		 	    root  /etc/nginx/html;
			    index  index.html;
			    try_files $uri $uri/ /index.html;   
			    //一开始我把gzip配置写在了下面，重启nginx服务器没有生效             
			    # gzip on;
		        # gzip_http_version 1.1;
		        # gzip_comp_level 3;
			    # gzip_vary on;
		        # gzip_types text/plain application/json application/javascript application/css application/xml application/xml+rss text/javascript application/x-httpd-php image/jpeg image/gif image/png image/x-ms-bmp;
	        }
	
	        error_page 404 /404.html;
	            location = /40x.html {
	        }
	
	        error_page 500 502 503 504 /50x.html;
	            location = /50x.html {
	        }
		}