axios二次封装在此记录

努力的意义就是让自己变得更好

已于 2022-03-27 14:07:01 修改

阅读量571

点赞数

文章标签： ajax

于 2022-03-27 14:04:42 首次发布

本文链接：https://blog.youkuaiyun.com/m0_68332006/article/details/123772588

版权

本文介绍了如何使用axios库创建一个自定义的HTTP客户端，并通过二次封装实现统一的基础路径配置及请求超时设置。同时，文章还展示了如何使用请求和响应拦截器来进一步增强功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//需要对于axios进行二次封装
import axios from 'axios'


//1.利用axios 对象的方法create，去创建一个axios实例
const requests=axios.create({
    //配置对象
    //基础路径，发请求的时候，路径当中会出现API
    baseURL:"/api",
    //代表请求超时时间5s，5s之内未响应就失败
    timeout:5000,
})
//请求拦截器：在发请求之前，请求拦截器可以检测到，可以在请求发出去之前做一些事情
requests.interceptors.request.use((config)=>{
    //conifg:配置对象，对象里面有一个属性很重要，header请求头
    return config
})

//相应拦截器
requests.interceptors.response.use((res)=>{
    //成功回调函数：服务器响应数据回来以后，相应拦截器可以检测到，可以做一些事情
    return res.data;
}),(error)=>{
    return Promise.reject(new Error('faile'));
}

//对外暴露
export default requests;