同时发送多个请求，得到返回数据最快的那个接口的数据。axios.all，promise.all，promise.race

记录问题。
同时发多个请求，只保留返回数据最快的那个接口的数据。第一个想法就是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);
      });

意料之中返回的就是这个样子滴

版权声明：本文来源CSDN，感谢博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。
原文链接：https://blog.csdn.net/qq_41376895/article/details/100563790
站方申明：本站部分内容来自社区用户分享，若涉及侵权，请联系站方删除。

发表于 2021-05-30 13:10:10
阅读 ( 871 )
分类：

同时发送多个请求，得到返回数据最快的那个接口的数据。axios.all，promise.all，promise.race

你可能感兴趣的文章

精选的优质文章

0 条评论

官方社群

GO教程

推荐文章

猜你喜欢

随便看看