要封裝axios請求接口,可以按照以下步驟進行操作:
npm install axios
或者
yarn add axios
import axios from 'axios';
// 創建axios實例
const service = axios.create({
baseURL: 'http://api.example.com', // 設置接口的基礎url
timeout: 5000 // 設置超時時間
});
// 請求攔截器
service.interceptors.request.use(
config => {
// 在發送請求之前可以進行一些處理,如添加token等
return config;
},
error => {
// 請求錯誤時的處理
return Promise.reject(error);
}
);
// 響應攔截器
service.interceptors.response.use(
response => {
// 對響應數據進行處理,如統一處理錯誤信息等
return response.data;
},
error => {
// 響應錯誤時的處理
return Promise.reject(error);
}
);
export default service;
import api from './api';
// 使用get請求
api.get('/user')
.then(response => {
console.log(response);
})
.catch(error => {
console.log(error);
});
// 使用post請求
api.post('/user', { name: 'John' })
.then(response => {
console.log(response);
})
.catch(error => {
console.log(error);
});
這樣就完成了封裝axios請求接口的操作。在使用中,可以根據實際需要,進一步封裝一些常用的請求方法,如get、post、put、delete等,以方便在項目中使用。