axios二次封装处理

什么是axios？

Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。

为什么进行二次封装axios？

请求拦截器：可以在发请求之前进行处理一些业务

响应拦截器：当服务器数据返回之后，可以进行一些业务处理

安装

npm i --save axios

在项目中，经常会出现一个文件夹api，这里面一般都是用于放axios

//引入axios
import axios from "axios"

//1.利用axios对象的方法create,去创建一个axios实例
const requests = axios.create({
    //发请求的时候，路径中会出现api
    baseURL:"/api", 
    //请求超时时间
    timeout:5000,  
})

//请求拦截器
requests.interceptors.request.use((config)=>{
    //config:配置对象，对象里面有一个属性很重要，headers请求头
    return config            
})

//响应拦截器
requests.interceptors.response.use((res)=>{
    //成功的回调
    return res.data
},(Error)=>{
    //响应失败的回调函数
   return Promise.reject(new Error('faile')); 
})

//对外暴露
export default axios