如何对axios二次封装

步骤

• 引入axios
• 创建axios实例
• 设置请求拦截器（request interceptors）
• 设置响应拦截器（response interceptors）
• 暴露出去

具体代码

//1. 先引入axios依赖包
import axios from "axios";
 
//2. axios创建对象
const Server = axios.create({
    
    
    baseURL: "", //管理后台要使用的接口的基地址
    withCredentials: true, //请求跨域时携带cookie
    timeout: 8000, //超时时间
    headers: {
    
    
        // 'Content-Type': 'application/x-www-form-urlencoded',
        // 'custome-header':'tianliangjiaoyu'
    }
})
 
//3. 定义前置拦截器，请求拦截器，请求发送出去之前触发的
Server.interceptors.request.use((config) => {
    
    
    //config 接口请求的配置信息
    return config;
}, (error) => {
    
    
    //报错的是时候抛出一个报错的信息
    return Promise.reject(error);
})
 
//4. 定义后置拦截器,响应拦截器, 服务器响应回来数据之前触发，
Server.interceptors.response.use((response) => {
    
    
    //响应回来的数据操作
    return response.data;
}, (error) => {
    
    
    //报错的是时候抛出一个报错的信息
    return Promise.reject(error);
})
 
//5. 暴露出去
export default Server;