对于带有axios的循环，我如何知道是否所有数据都已加载

const axios = require('axios');

// 定义需要请求的URL数组
const urls = ['url1', 'url2', 'url3'];

// 定义一个空数组用于存储每个请求的Promise对象
const requests = [];

// 循环发起axios请求，并将每个请求的Promise对象存入数组
urls.forEach(url => {
  requests.push(axios.get(url));
});

// 使用Promise.all()等待所有请求完成
Promise.all(requests)
  .then(responses => {
    // 所有请求完成后的处理逻辑
    console.log('所有数据都已加载');
    // 处理每个请求的响应数据
    responses.forEach(response => {
      console.log(response.data);
    });
  })
  .catch(error => {
    // 错误处理逻辑
    console.error('数据加载出错:', error);
  });

const axios = require('axios');

// 定义需要请求的URL数组
const urls = ['url1', 'url2', 'url3'];

// 定义计数器变量
let counter = 0;

// 循环发起axios请求
urls.forEach(url => {
  counter++; // 计数器加1
  axios.get(url)
    .then(response => {
      // 请求完成后的处理逻辑
      console.log('数据已加载:', response.data);
      counter--; // 计数器减1
      if (counter === 0) {
        console.log('所有数据都已加载');
      }
    })
    .catch(error => {
      // 错误处理逻辑
      console.error('数据加载出错:', error);
      counter--; // 计数器减1
      if (counter === 0) {
        console.log('所有数据都已加载');
      }
    });
});