發送 API 請求並處理其回應

• proxy.$api.getUserdatas(data).then((res) => { ... })

這段代碼的格式是用來發送 API 請求並處理其回應的。以下是對這種用法的簡單說明以及範例：

• 格式說明

proxy.$api.getUserdatas(data):

proxy 是 Vue 的實例，通常用來訪問組件的全局屬性或方法。

$api.getUserdatas(data) 是一個方法，用來發送 API 請求，data 是發送的請求參數。

.then((res) => { ... }):

then 是 Promise 的一部分，用來處理請求成功時的回應。 res 是回應的數據，通常是一個對象或數組。

• 簡單範例

假設我們有一個 API 可以用來獲取用戶信息，下面是如何使用這種格式的簡單範例：

// 假設的 API 方法
const proxy = {
    $api: {
        getUserdatas: (data) => {
            // 模擬一個 Promise，這裡是用 setTimeout 模擬網絡請求
            return new Promise((resolve, reject) => {
                setTimeout(() => {
                    // 假設成功返回的數據
                    resolve([{ id: 1, name: 'Alice' }, { id: 2, name: 'Bob' }]);
                }, 1000);
            });
        }
    }
};

// 調用 API 獲取用戶數據
proxy.$api.getUserdatas({ userId: 1 }).then((res) => {
    console.log('用戶數據:', res);
}).catch((err) => {
    console.error('請求失敗:', err);
});

• 這段代碼的工作流程：

發送請求: 調用 proxy.$api.getUserdatas 並傳遞參數。

處理成功回應: 當請求成功時，進入 then，並獲取返回的數據。

輸出數據: 使用 console.log 輸出返回的用戶數據。

處理錯誤: 如果請求失敗，則進入 catch，並顯示錯誤信息。

這樣的結構使得異步操作變得簡單易讀，並能清晰地處理成功與失敗的情況。