axios的包装函数
创始人
2024-09-28 16:30:06
0

以下是一个简单的axios的包装函数的示例:

import axios from 'axios';

const api = axios.create({
  baseURL: 'https://api.example.com', // 设置基本的请求URL
  timeout: 5000, // 设置请求超时时间
});

// 设置请求拦截器
api.interceptors.request.use(
  (config) => {
    // 在请求被发送之前做一些处理,例如添加请求头
    config.headers['Authorization'] = 'Bearer ' + localStorage.getItem('token');
    return config;
  },
  (error) => {
    // 处理请求错误
    console.error('请求发生错误:', error);
    return Promise.reject(error);
  }
);

// 设置响应拦截器
api.interceptors.response.use(
  (response) => {
    // 对响应数据做一些处理,例如统一处理错误码
    if (response.data.code !== 200) {
      console.error('请求返回错误:', response.data.message);
      return Promise.reject(response.data.message);
    }
    return response.data;
  },
  (error) => {
    // 处理响应错误
    console.error('响应发生错误:', error);
    return Promise.reject(error);
  }
);

// 封装GET请求
export const get = (url, params) => {
  return api.get(url, { params });
};

// 封装POST请求
export const post = (url, data) => {
  return api.post(url, data);
};

使用示例:

import { get, post } from './api';

// 发起GET请求
get('/users', { page: 1, pageSize: 10 })
  .then((response) => {
    console.log('GET请求成功:', response);
  })
  .catch((error) => {
    console.error('GET请求失败:', error);
  });

// 发起POST请求
post('/login', { username: 'admin', password: '123456' })
  .then((response) => {
    console.log('POST请求成功:', response);
  })
  .catch((error) => {
    console.error('POST请求失败:', error);
  });

这个包装函数通过创建一个axios实例来统一配置请求的基本信息,如baseURL和timeout,并通过拦截器对请求和响应进行处理。封装了GET和POST请求的方法,可以直接调用来发起请求。

相关内容

热门资讯

最新消息!心悦提坑辅助器,新蜜... 最新消息!心悦提坑辅助器,新蜜瓜大厅免费控制器(透视)技巧-总是是有挂1、该软件可以轻松地帮助玩家将...
今天下午!兴动助手脚本有辅助,... 今天下午!兴动助手脚本有辅助,禅游指尖四川修改器(透视)脚本-总是有挂禅游指尖四川修改器是不是有人用...
备受关注的!同城510k修改,... 备受关注的!同城510k修改,贪吃蛇辅助器怎么下载(透视)软件-都是真的是有挂暗藏猫腻,小编详细说明...
现有关情况通报如下!大当家辅助... 现有关情况通报如下!大当家辅助脚本设置,鄂友会有没有挂(透视)脚本-其实是有挂1、打开软件启动之后找...
日前!欢聚水鱼虎步龙行辅助器,... 日前!欢聚水鱼虎步龙行辅助器,情怀宜春辅助(透视)方法-果然是有挂1、欢聚水鱼虎步龙行辅助器有没有辅...
一直以来!禅游游戏辅助,新玉海... 一直以来!禅游游戏辅助,新玉海楼茶苑脚本(透视)脚本-其实是真的挂1、金币登录送、破产送、升级送、活...
不少玩家反映!新道游智能辅助器... 不少玩家反映!新道游智能辅助器,新玄龙辅助(透视)挂-一贯是有挂亲,关键说明,新道游智能辅助器透视脚...
今日!透视牌辅助工具脚本市场,... 今日!透视牌辅助工具脚本市场,余干六副辅助(透视)方法-都是是有挂1、实时透视牌辅助工具脚本市场透视...
有玩家发现!老友广西app下载... 有玩家发现!老友广西app下载安装,海盗来了辅助哪个好(透视)插件-真是存在有挂1、玩家可以在海盗来...
在玩家背景下!福建兄弟十三水辅... 在玩家背景下!福建兄弟十三水辅助器,人人燕赵挂(透视)方法-切实是真的挂1)福建兄弟十三水辅助器有没...