首页 > 其他分享 >最近修改的bug学到的东西

最近修改的bug学到的东西

时间:2022-11-30 17:00:37浏览次数:39  
标签:学到 axios 请求 source 取消 event 修改 bug CancelToken

1.react-echarts的tooltip之前都是正常全部显示的,某个版本发现显示不对了,超出的区域被遮挡了(实际是隐藏起来了),整半天以为是z-index的问题,实际上是这块的上级有overflow为hidden

2.axios满足某个条件丢弃后续所有请求,使用 CancelToken,然后在符合条件的代码处调用source.cancel(),被取消的请求会走axios的响应拦截的error方法,可以使用axios.isCancel(error)判断是否被取消的请求

1. const CancelToken = axios.CancelToken; 2. const source = CancelToken.source(); 3. 请求的config.cancelToken = source.token; // 写入取消请求的标识 4. source.cancel(); //调用取消请求函数   3.可以使用监听全局的promise的reject,做处理防止页面或者控制台报错,阻止默认行为 window.addEventListener("unhandledrejection", (event) => {       //监听取消请求的reject,阻止控制台报错       event.preventDefault()     });     window.addEventListener("unhandledrejection",(event)=>{       //监听取消请求的reject,阻止控制台报错       event&&event.reason.msg==="isCancel"&&event.preventDefault();     });

标签:学到,axios,请求,source,取消,event,修改,bug,CancelToken
From: https://www.cnblogs.com/hmfzy-blogs/p/16939000.html

相关文章