标签:function axios console log Interceptors 拦截器 cancel11 return
Interceptors
axios.interceptors.request.use(function (config) {
console.log('请求拦截器 成功');
//修改 config 中的参数
config.timeout = 2000;
return config;
}, function (error) {
console.log('请求拦截器 失败 ');
return Promise.reject(error);
});
// 设置响应拦截器
axios.interceptors.response.use(function (response) {
console.log('响应拦截器 成功');
// 对响应数据进行操作
return response.data;
// return response;
}, function (error) {
console.log('响应拦截器 失败')
return Promise.reject(error);
});
Cancellation
//声明全局变量
let cancel11 =null ;
btns[0].onclick =function(){
//方法一
if(cancel11 ==null){ // 只有当上次执行结束才能发起下一次请求 以防止服务器压力过大
axios({
method:'get',
url:"http://localhost:3000/posts",
cancelToken: new axios.CancelToken(function(e){
cancel11=e
})
}).then((res)=>{
cancel11=null
console.log(res);
}).catch((err)=>{
console.log(err);
})
}
};
// 取消发送请求
btns[1].onclick =function(){
cancel11();
cancel11 =null
}```
标签:function,axios,console,log,Interceptors,拦截器,cancel11,return 来源: https://blog.csdn.net/m0_45136861/article/details/117826063
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。