封裝axios的方法可以采用以下步驟:
創建一個axios實例:使用axios.create()方法創建一個axios實例,并進行一些全局設置,例如設置baseURL、設置請求頭等。
創建封裝函數:根據需要封裝各種請求方法,如GET、POST等。在這些函數中,可以通過調用axios實例的方法來發送請求,并對請求進行一些處理,例如設置請求頭、處理響應結果等。
導出封裝函數:將封裝的函數通過export導出,以便在其他地方引入和使用。
以下是一個封裝GET請求的示例代碼:
import axios from 'axios';
// 創建axios實例
const instance = axios.create({
baseURL: 'https://api.example.com', // 設置請求的baseURL
timeout: 5000, // 設置請求超時時間
headers: {
'Content-Type': 'application/json', // 設置請求頭的Content-Type
},
});
// 封裝GET請求方法
export function get(url, params) {
return new Promise((resolve, reject) => {
instance
.get(url, { params })
.then(response => {
resolve(response.data);
})
.catch(error => {
reject(error);
});
});
}
在其他地方可以通過import導入get函數,并調用該函數發送GET請求:
import { get } from './api';
get('/user', { id: 1 })
.then(data => {
console.log(data);
})
.catch(error => {
console.error(error);
});
通過類似的方式,可以封裝其他類型的請求方法,例如POST、PUT等。