axios封裝請求接口的方法可以通過創建一個axios實例,并使用該實例來發送請求。下面是一個axios封裝請求接口的方法示例:
import axios from 'axios';
// 創建axios實例
const instance = axios.create({
baseURL: 'https://api.example.com', // 請求的基礎URL
timeout: 5000, // 請求超時時間
headers: {
'Content-Type': 'application/json' // 設置請求頭為JSON格式
}
});
// 封裝GET請求方法
export function get(url, params) {
return new Promise((resolve, reject) => {
instance.get(url, { params })
.then(response => {
resolve(response.data);
})
.catch(error => {
reject(error);
});
});
}
// 封裝POST請求方法
export function post(url, data) {
return new Promise((resolve, reject) => {
instance.post(url, data)
.then(response => {
resolve(response.data);
})
.catch(error => {
reject(error);
});
});
}
在上面的示例中,通過創建一個axios實例instance,并設置了基礎URL、超時時間和請求頭。然后封裝了GET和POST請求方法,分別使用instance.get和instance.post發送請求。這樣,你可以在項目中直接調用get和post方法來發送請求,并在成功或失敗時通過Promise的resolve和reject返回結果或錯誤信息。