温馨提示×

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

小亿
84
2024-01-22 15:17:10
栏目: 编程语言

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

0