当前位置: 首页 > Web前端 > CSS

axios取消一个发送的http请求和响应

时间:2023-03-30 15:33:28 CSS

需求场景当用户点击购买或其他操作时,http响应比较慢。在收到反馈前,当用户点击返回或跳转到其他页面时,当前页面中断请求和响应实例化CancelToken首页需要实例化一个CancelTokenimportaxiosfrom"axios";constCancelToken=axios.CancelToken;发起一个请求,然后在请求发起时调用创建一个变量比如cancel来存储这个请求的取消方法letcancel;axios.get('/testApi',{cancelToken:newCancelToken(functionexecutor(c){cancel=c;})});需要取消时调用CancelToken调用该变量。建议先做类型判断,然后充值作为初始值,并保证axios实例化了一个CancelTokenif(typeofcancel===`function`){cancel()cancel=null}在chrome控制面板查看http状态,您可以看到请求取消的状态。参考文档axios文档地址:http://www.axios-js.com/docs/