以下是一个简单的axios二次封装:

import axios from 'axios';

const request = axios.create({
  baseURL: 'https://api.example.com',
  timeout: 5000,
});

const http = {
  get(url, params = {}) {
    return request({
      method: 'get',
      url,
      params,
    });
  },
  post(url, data = {}) {
    return request({
      method: 'post',
      url,
      data,
    });
  },
}

export default http;

使用时,可以像这样:

import http from './http';

// GET 请求
http.get('/users', { page: 1, limit: 10 })
  .then(response => console.log(response))
  .catch(error => console.error(error));

// POST 请求
http.post('/login', { username: 'admin', password: '123456' })
  .then(response => console.log(response))
  .catch(error => console.error(error));

本例中,我们使用axios.create()方法创建了一个axios实例,然后封装了get和post方法,分别对应GET和POST请求。在方法内部,我们使用封装后的实例去请求数据。这样可以让我们的代码更加简洁和易于维护。

手写一个aixos二次封装

原文地址: http://www.cveoy.top/t/topic/4xL 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录