vue.js for循环异步请求，等所有请求返回了，再继续执行下一步请求

最新推荐文章于 2025-03-26 14:33:51 发布

原创最新推荐文章于 2025-03-26 14:33:51 发布 · 3.1k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #前端 #javascript

文章描述了如何在JavaScript中使用axios库处理跨域请求，通过Promise.all管理并发，确保接口调用成功后执行后续操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

// urltemp是要发送请求的目标地址数组，长度等于发请求次数
let arr = [];
let that = this;
for (let i in urlTemp) {
    arr.push(
        new Promise(function(resolve, reject) {
        	// 跨域
            let realHealthyUrl = window.location.protocol + '//' + window.location.host + '//' + urlTemp[i].replace('http://', '') + '/xxxxx/health';
            axios
                .get(realHealthyUrl)
                .then(res => {
                    if (!res || !res.data || res.data.statusCode !== 'API-COMMON-INF-OK') {
                    console.log('接口调用失败')
                    } else {
                        resolve(res);
                    }
                })
                .catch(() => {
                console.log('网站无响应');
                });
        })
    );
}
Promise.all(arr).then(result => {
    this.dosomething();
});