在Vue中同時發送多個請求，我們通常使用axios這個庫，因為它基于Promise，可以很好地處理異步操作。以下是兩種常用的方法來同時發送多個請求：

方法一：使用Promise.all()

1. 定義多個請求：

   • 使用axios.get()或axios.post()等方法定義多個請求，并將它們分別賦值給變量（如request1、request2、request3）。

   const request1 = axios.get('/api/data1');
   const request2 = axios.get('/api/data2');
   const request3 = axios.get('/api/data3');
   

2. 使用Promise.all()執行多個請求：

   • 將這些請求放入一個數組中，并使用Promise.all()方法來執行它們。

   Promise.all([request1, request2, request3]).then((results) => {// results包含了所有請求的結果const data1 = results[0].data;const data2 = results[1].data;const data3 = results[2].data;// 處理請求結果
   }).catch((error) => {// 處理請求錯誤
   });
   

   • 當所有請求都成功返回時，Promise.all()方法將返回一個包含所有請求結果的數組。可以通過數組索引來獲取每個請求的結果。
   • 如果其中任何一個請求失敗，則Promise.all()方法將立即觸發catch()方法，并返回錯誤信息。

方法二：使用axios.all()和axios.spread()

1. 定義多個請求：

   • 同樣使用axios.get()等方法定義多個請求。

   const request1 = axios.get('/api/user');
   const request2 = axios.get('/api/posts');
   

2. 使用axios.all()執行多個請求：

   • axios.all()方法接受一個包含多個Promise的數組，并返回一個Promise，該Promise在所有指定的請求都完成后才解析。

   axios.all([request1, request2]).then(axios.spread((userRes, postsRes) => {// userRes 是第一個 get 請求的響應// postsRes 是第二個 get 請求的響應console.log(userRes.data);console.log(postsRes.data);
   }));
   

   • axios.spread()方法用于將數組解構成多個參數，這樣我們就可以在then方法中直接獲取到每個請求的結果。

歸納：

• Promise.all()是JavaScript原生的方法，可以處理任何基于Promise的異步操作，而不僅僅是axios請求。
• axios.all()是axios庫提供的方法，專為處理多個axios請求而設計，配合axios.spread()使用，可以方便地處理多個axios請求的響應結果。

選擇哪種方法取決于你的具體需求和喜好。如果你只需要處理axios請求，并且希望代碼更簡潔，那么axios.all()和axios.spread()可能是更好的選擇。如果你需要處理更廣泛的基于Promise的異步操作，那么Promise.all()將是一個更通用的解決方案。