axios-拦截器

Posted Liane

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了axios-拦截器相关的知识,希望对你有一定的参考价值。

Interceptors-拦截器
请求拦截器:在发送请求之前,可以借助一些函数来对请求的内容和参数做一些检测。若有问题可以直接取消请求。
响应拦截器:当服务器返回响应数据时,响应拦截器会在我们拿到结果前预先处理响应数据。例如对响应数据做一些格式化处理,或者当响应失败时,可以做一些失败提醒和纪录。

//设置请求拦截器
axios.interceptors.request.use(function (config) {
    console.log(\'请求拦截器 成功\')
    config.timeout = 2000; //修改请求config
    return config;
}, function (error) {
    console.log(\'请求拦截器 失败\')
    return Promise.reject(error);
});

//设置响应拦截器
axios.interceptors.response.use(function (response) {
    console.log(\'响应拦截器 成功\')
    //return response;
    return response.data; //修改响应数据
}, function (error) {
    console.log(\'响应拦截器 失败\')
    return Promise.reject(error);
});

//发送请求
axios.get(\'http://localhost:3000/posts\').then(res=>console.log(res))

以上是关于axios-拦截器的主要内容,如果未能解决你的问题,请参考以下文章

VSCode自定义代码片段14——Vue的axios网络请求封装

vue项目axios的使用实例详解

如何使用 jest 测试 axios 拦截器?

axios拦截器 @令狐张豪

5-6 使用axios拦截器打印前端日志

Axios拦截器配置