之前说到，vue项目使用elementUI时候，发现比较慢，于是自己写了样式，速度是上去了,但是应该有其他办法解决慢的情况的。

果然，通过查找资料，还真找到了，主要的思路是使用缓存机制+文件压缩传输。具体分享如下：

1.nginx开启缓存

在http部分加入

#要想开启nginx的缓存功能，需要添加此处的两行内容！

#设置Web缓存区名称为cache_one,内存缓存空间大小为500M,缓存的数据超过1天没有被访问就自动清除;访问的缓存数据,硬盘缓存空间大小为30G

proxy_cache_path /usr/local/nginx/proxy_cache_path levels=1:2 keys_zone=cache_one:500m inactive=1d max_size=30g;

#创建缓存的时候可能生成一些临时文件存放的位置

proxy_temp_path /usr/local/nginx/proxy_temp_path;

fastcgi_connect_timeout 3000;

fastcgi_send_timeout 3000;

fastcgi_read_timeout 3000;

fastcgi_buffer_size 256k;

fastcgi_buffers 8 256k;

fastcgi_busy_buffers_size 256k;

fastcgi_temp_file_write_size 256k;

fastcgi_intercept_errors on;

client_header_timeout 600s;

client_body_timeout 600s;

client_max_body_size 100m;

client_body_buffer_size 256k

2.nginx开启gzip压缩

http部分加入

gzip on;

gzip_min_length 5k;

gzip_buffers 4 16k;

#gzip_http_version 1.0;

gzip_comp_level 3;

gzip_types text/plain application/x-javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png;

gzip_vary on;