温馨提示×

封装axios的方法是什么

小亿
88
2024-01-14 01:23:10
栏目: 编程语言

封装axios的方法可以采用以下步骤:

  1. 创建一个axios实例:使用axios.create()方法创建一个axios实例,并进行一些全局设置,例如设置baseURL、设置请求头等。

  2. 创建封装函数:根据需要封装各种请求方法,如GET、POST等。在这些函数中,可以通过调用axios实例的方法来发送请求,并对请求进行一些处理,例如设置请求头、处理响应结果等。

  3. 导出封装函数:将封装的函数通过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等。

0