vue 在forEach里 使用axios

在Vue中使用axios发送请求可以在forEach循环中使用，但需要注意的是，axios是异步的，因此在循环中使用axios时需要使用Promise.all来等待所有请求完成。

以下是一个示例代码：

import axios from 'axios';

export default {
  methods: {
    async fetchData() {
      const urls = ['url1', 'url2', 'url3'];
      const requests = [];

      urls.forEach(url => {
        requests.push(axios.get(url));
      });

      try {
        const responses = await Promise.all(requests);
        // 处理所有请求的响应数据
        responses.forEach(response => {
          console.log(response.data);
        });
      } catch (error) {
        console.error(error);
      }
    }
  }
}

在上面的示例中，我们首先定义了一个包含多个请求URL的数组urls，然后使用forEach循环遍历数组，每次循环都会使用axios发送一个请求，并将返回的Promise对象添加到requests数组中。

接下来，我们使用Promise.all等待所有请求完成，并通过await关键字获取所有请求的响应数据。在Promise.all返回的Promise对象解析后，我们可以通过forEach循环遍历所有响应数据，并进行相应的处理。

需要注意的是，在使用axios发送请求时，最好使用try-catch语句来处理可能的错误