阅读量:5
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返回结果或错误信息。