后台返回数据太大,前端接收太慢处理

可以后台生成文件返回前端,返回文件路径,前端直接通过nginx请求文件,则读取非常快

nginx配置如下nginx配置
1、http节点里添加属性 
    gzip  on;
    gzip_min_length  10k;
    gzip_buffers 4 16k;
    gzip_comp_level 3;
    gzip_types  text/xml text/javascript application/javascript text/css text/plain text/json application/json;
2、http节点里添加server 监听80端口   端口可以修改成项目的

具体见下面  


http {

	gzip  on;
	gzip_min_length  10k;
	gzip_buffers 4 16k;
	gzip_comp_level 3;
	gzip_types  text/xml text/javascript application/javascript text/css text/plain text/json application/json;

	server {
        listen       80;     
        server_name  localhost;
        location /fileServer{
            alias  /S;
        }
		location /JSON_FILE{
            alias  /S/userData/;
			add_header Access-Control-Allow-Origin *;
			add_header Access-Control-Allow-Methods GET,POST,PUT,DELETE,OPTIONS;
			default_type 'application/json';
			add_header Cache-Control no-cache;
			add_header Pragma no-cache;
			add_header Expires 0;
        }
    }
}

前端获取

axios.get(`${url}/JSON_FILE/${filepath}`).then(res => {
        console.log(res)
      }).catch(error => {
        console.error('获取文件失败', error)
      })

 

你可能感兴趣的:(java,vue)