记录问题。
同时发多个请求,只保留返回数据最快的那个接口的数据。第一个想法就是axios.all并发请求,but,这样只是同时发送了多个请求,得到的只能是一个装着每个请求的数据。
这是我模拟的服务器接口部分代码
router.get("/one", (req, resp) => {
let data = [{id: 1}];
setTimeout(() => {
resp.send(data)
}, 1000)
});
router.get("/two", (req, resp) => {
let data = [{id: 2}];
setTimeout(() => {
resp.send(data)
}, 2000)
});
router.get("/three", (req, resp) => {
console.log("33333");
let data = [{id: 3}];
setTimeout(() => {
resp.send(data)
}, 500)
});
axios.all
this.$axios.all([
this.$axios.get("api/one"),
this.$axios.get("api/two"),
this.$axios.get("api/three")
]).then(data=>{
console.log(data)
});
得到的
可以看到我服务端返回数据都是设了setTimeout的,但其实返回的顺序只是和我请求数组的顺序是一样的。
后面想到promise.race,然后大概就是这样。
Promise.race([
this.$axios.get("api/one"),
this.$axios.get("api/two"),
this.$axios.get("api/three")
]).then(data => {
console.log(data);
});
意料之中返回的就是这个样子滴