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

 

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐