同时发送多个请求，得到返回数据最快的那个接口的数据。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);
      });

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