今天的碰见的问题是,后端返回的数据是一个list,但是没有对应list的src,需要拿取list的唯一标识符去循环调取另外一个接口,
首先是请求list的数据
let newres = await $http.get("/services/videoInfo/allVideoMonitor");
然后是遍历数据,获得每个数据的唯一标识符
// 要查询的设备编号数组
let deviceNos = newres.data.data.map((item) => item.deviceNo);
再建立一个primise的数组,存储返回来src的批量容器
// 存储所有请求的 Promise 对象
let requestPromises = [];
// 循环发送请求
deviceNos.forEach((deviceNo) => {
let requestPromise = $http.get("/services/artemis/previewURLs", {
params: {
cameraIndexCode: deviceNo,
},
});
requestPromises.push(requestPromise);
});
// 等待所有请求完成
let responses = await Promise.all(requestPromises);
// 处理所有请求的响应
responses.forEach((response) => {
// 在这里处理每个请求的响应数据
console.log(response);
});
整体逻辑就是这个