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

最新推荐文章于 2024-08-09 03:41:51 发布

月慕向阳

最新推荐文章于 2024-08-09 03:41:51 发布

阅读量9.8k

点赞数

分类专栏： java vue

本文链接：https://blog.csdn.net/weixin_41796956/article/details/108245074

版权

java 同时被 2 个专栏收录

40 篇文章 0 订阅

订阅专栏

vue

9 篇文章 0 订阅

订阅专栏

可以后台生成文件返回前端，返回文件路径，前端直接通过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)
      })