axios的概念和axios封装

 

axios是一个基于Promise的HTTP客户端，用于发送HTTP请求。封装axios可以提高代码的可维护性和复用性，以下是一个简单的axios封装示例：

 

1. 创建一个api.js文件，用于封装axios请求方法：

   import axios from 'axios';
   
   const instance = axios.create({
     baseURL: 'http://api.example.com', // 设置请求的基础URL
     timeout: 5000, // 设置请求超时时间
   });
   
   // 封装GET请求方法
   export const get = (url, params) => {
     return instance.get(url, { params });
   };
   
   // 封装POST请求方法
   export const post = (url, data) => {
     return instance.post(url, data);
   };
   
   // 封装PUT请求方法
   export const put = (url, data) => {
     return instance.put(url, data);
   };
   
   // 封装DELETE请求方法
   export const del = (url) => {
     return instance.delete(url);
   };

这样，通过封装axios，我们可以在项目中统一管理API请求，并且可以方便地进行拦截、错误处理等操作。