vue中 多個請求，如果一個請出錯，頁面繼續執行

在Vue中，可以通過Promise.all()方法來處理多個請求，即使其中一個請求出錯，頁面也可以繼續執行其他的邏輯。

下面是一個示例代碼，演示了如何在Vue中處理多個請求時出錯但頁面繼續執行：

// 在Vue組件中的方法中處理多個請求
methods: {handleMultipleRequests() {const request1 = this.makeRequest1();const request2 = this.makeRequest2();const request3 = this.makeRequest3();// 使用 Promise.all() 處理多個請求Promise.all([request1, request2, request3]).then((results) => {// 所有請求都成功返回結果const result1 = results[0];const result2 = results[1];const result3 = results[2];// 處理請求結果// ...}).catch((error) => {// 處理請求出錯的情況console.log('請求出錯:', error);// 頁面繼續執行其他邏輯// ...});},makeRequest1() {// 發送請求1return axios.get('/api/request1');},makeRequest2() {// 發送請求2return axios.get('/api/request2');},makeRequest3() {// 發送請求3return axios.get('/api/request3');}
}

在上述代碼中，我們使用axios庫發送了三個請求（makeRequest1、makeRequest2和makeRequest3），然后使用Promise.all()方法將它們包裝起來。當所有請求都成功返回結果時，Promise.all()會將這些結果作為數組傳遞給then()回調函數，我們可以在then()中處理這些請求結果。如果其中一個請求出錯，則Promise.all()會立即執行catch()回調函數，我們可以在catch()中處理請求錯誤的情況。

在catch()中，你可以根據實際需求進行錯誤處理，比如打印錯誤信息、展示錯誤提示等。然后，頁面會繼續執行其他邏輯。

需要注意的是，在使用Promise.all()處理多個請求時，只有當所有的請求都被解決（即成功或失敗）后，Promise.all()才會被解決。如果你希望某個請求的錯誤不影響其他請求的處理，可以在請求的catch()中返回一個默認值或任何你認為合適的數據。