阅读量:3
封装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等。