vue循环发起请求，等一个请求结束后，进行下一次请求

在Vue中，你可以使用async/await结合循环来实现按顺序发起网络请求。以下是一个简单的示例：

<template>
  <div>
    <!-- 你的模板内容 -->
  </div>
</template>
 
<script>
export default {
  data() {
    return {
      // 你的数据属性
    };
  },
  methods: {
    async makeSequentialRequests(urls) {
      for (const url of urls) {
        const response = await this.makeRequest(url);
        // 处理请求结果
        console.log(response.data);
      }
    },
    makeRequest(url) {
      // 使用你的HTTP客户端发起请求，例如axios
      return axios.get(url);
    }
  },
  mounted() {
    const urls = ['https://api.example.com/data1', 'https://api.example.com/data2'];
    this.makeSequentialRequests(urls);
  }
};
</script>

在这个示例中，makeSequentialRequests方法接收一个URL数组，并且使用async/await来按顺序发起请求。每个请求都会等待上一个请求完成并得到响应后才会执行。这确保了请求是按顺序发送的，并且前一个请求不必要完全完成才开始下一个请求。