typescript+react项目中配置axios（api）

1.下载相关依赖

npm i @types/axios -S

2.在src文件夹下创建一个api的文件夹

  3.在api文件夹中创建两个以.ts后缀名的文件

4.request.ts中的配置 

import axios from "axios";
 
export const Service = axios.create({
 
    timeout: 8000, //延迟时间
 
    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 => {