如何使用 Axios 向一个 URL 发送多个 HTTP 请求，并在收到其中一个请求的响应后停止发送？

Question

我是 javascript 新手，正在尝试编写一个脚本，该脚本将使用 Axios 将多个 HTTP 请求发送到 Web 服务器。服务器的设计方式是它会随机发送响应到请求。现在，我希望脚本在收到一个响应后停止发送请求。我可以写的基本代码是：

while (1) {
    axios.get('http://localhost:8080/ubuntu_default.html', { withCredentials: true }).then(function (response) {
        document.body.innerHTML = generateSuccessHTMLOutput(response);
        break;
        });

    function generateSuccessHTMLOutput(response) {
        return response.data;
    }
}

假设这个 .js 文件将出现在客户端的浏览器中。

Answer 1

编辑：基于this comment op 只想轮询端点并在收到响应后停止。

示例代码：

(async() { 
    let r = await poll('http://localhost:8080/ubuntu_default.html');
    console.log(r); 
})();

async function poll(endpoint) {
    let countOfError = 0;
    const maxErrors = 10;
    let resp = null;

    while (true) {
        try {
            resp = await axios.get(endpoint, { withCredentials: true }));
            
            //check if resp is "success" then break;    
            //What does a successful response look like?
            if (resp.data.success) break;            
        } catch (e) {
            //console.error(e);  optional
            countOfErrors += 1;
            if (countOfErrors > maxErrors) break;
        }
    }

    return resp;
}

旧答案

你可以使用类似Promise.race

let promises = [];

for (let i = 0; i<10; i++)
   promises.push(
     axios.get('http://localhost:8080/ubuntu_default.html', 
               { withCredentials: true }));

Promise.race(promises).then( generateSuccessHTMLOutput ); 
//Called with whichever promise fulfills first