react配置axios二次封装

下载相关依赖项

npm install axios -s

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

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

 3.在api里面的api.js文件里面配置上

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=>{
 
    console.log(err)
 
})

4.在api里面的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、项目文件中直接引入导出的函数名，以对象形式传入参数，即可获得数据

 这样子就配置好了