前端请求数据过多，Promise.all，_.chunk，_.flatten解决方法之一

63 阅读 0 评论 42 点赞

我是靠谱客的博主甜美柚子，最近开发中收集的这篇文章主要介绍前端请求数据过多，Promise.all，_.chunk，_.flatten解决方法之一，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

场景： 向后端发送 post请求，传输一个length 是 3800的 Array，这个是Array是 3800 个人的id, 然后返回id 对应的详细信息。但是接口有限制，最多一次查询并返回1000条，所以最少请求四次。
代码：

import axios from 'axios';
import moment from 'moment';
import _ from 'lodash';

async function getDetail(idArr) {
 	const chunkArr = _.chunk(idArr, 1000); // 拆分数组
	const postArr = await Promise.all(chunkArr.map(async(item) => {
		return axios.post(url,{
			timestamp: moment().format("YYYY-MM-DD HH:mm:ss"),
			data: idArr,
		})
	}));
	const finalArr = _.flatten(postArr); // 二维数组变成一维数组
	return finalArr;
}

getDetail([id:1, id:2, id:3, ..........]); // 传入 length 是 3800的 数组