axios封装请求接口的方法是什么

   2025-02-04 3430
核心提示:axios封装请求接口的方法可以通过创建一个axios实例,并使用该实例来发送请求。下面是一个axios封装请求接口的方法示例:import

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返回结果或错误信息。

 
 
更多>同类维修知识
推荐图文
推荐维修知识
点击排行
网站首页  |  关于我们  |  联系方式  |  用户协议  |  隐私政策  |  网站留言