axios导入、二次封装及使用

导入axios

npm install axios

二次封装

// 对axios进行二次封装
import axios from "axios";
import nprogress from "nprogress";
import "nprogress/nprogress.css";

// 创建对象
let requests = axios.create({
   baseURL:"/api",
   timeout:5000,
});


// 请求拦截
requests.interceptors.request.use((config)=>{
    nprogress.start();
    // config配置对象，重要属性header
    //这里动态添加请求头
    ...
    return config;
});

// 响应拦截
requests.interceptors.response.use((res)=>{
    // 成功响应函数
   nprogress.done();
   return res.data;
},(error)=>{
    // 失败响应函数
    return Promise.reject(new Error("请求出错了"))
});


//对外暴露
export default requests

使用

// api进行统一管理
import requests from "./request"

export const reqgetCategoryList = () =>requests.get("接口地址");

export const reqSearchInfo = (params)=>requests({url:"/list",method:"post",data:params});