Vue脚手架和React脚手架，二次封装axios

1、src文件夹下新建api文件夹

2、api文件文件夹中新建index.js文件和request.js文件 

3、request文件相关配置

import axios from "axios";

export const Service = axios.create({

    timeout: 3000, //延迟时间

    method: 'POST',

    headers: {

        "content-Type": "application/x-www-form-urlencoded",

        "pc-token": "4a82b23dbbf3b23fd8aa291076e660ec", //后端提供

    }

})

// 请求拦截

Service.interceptors.request.use(config => {

    return config

})

// 响应拦截

Service.interceptors.response.use(response=>{

    return response.data

},err=>{

   return err.response //返回没有请求失败的状态码

})

4、index.js相关配置

import { Service } from "./request";

export function searchCar(config){
    const params=new URLSearchParams()

    params.append('page',config.page);
    params.append('mod',config.mod);

    return Service({
        url:"./api/oldcar/searchCar",
        data:params
    })
}
export function getCarList(config){
    const params=new URLSearchParams()
    params.append('page',config.page);
    return Service({
        url:"/api/oldcar/getCarList/",
        data:params
    })
}

5、后续接口配置只需复制图中的文件，并且修改相关url和参数即可

 6、项目文件中直接引入导出的函数名，以对象形式传入参数，即可获得数据