flutter Dio取消请求
作者:互联网
取消请求使用场景:
导航菜单菜单平凡切换,同一个页面反复点击进去在出来,重复操作,造成前端一直发请求给后台,要是后台响应速度快还好,要是接口响应很慢,请求就会一直处于 pending 状态,很影响页面性能,所以反复操作的时候,应该把请求取消掉,由 pending 状态变为 failed,页面就不会被阻塞
官方示例是这样的,但是在实际请求中使用时出了一系列问题,下面是解决方案,只能说能用
CancelToken token = CancelToken();
dio.get(url, cancelToken: token)
.catchError((DioError err){
if (CancelToken.isCancel(err)) {
print('Request canceled! '+ err.message)
}else{
// handle error.
}
});
// cancel the requests with "cancelled" message.
token.cancel("cancelled");
解决办法
把接口封装在一个类中了,每次在掉接口的时候都重新实例化一下,如果只是单纯的封装成两个方法,取消请求后,下次在重新请求的时候就请求不了,不能正常返回数据,也就是说只要取消了请求,那么这个接口就请求不了数据了
// 可以取消请求的接口
class CancelRequest {
CancelRequest(); // 构造函数
CancelToken token = CancelToken();
apiCancelToken() {
dio.get('/CancelToken2?name=CancelToken', cancelToken: token).then((res) {
print(res.data);
return res.data;
});
}
cancelToken() {
token.cancel('响应太慢了,取消了请求');
}
}
使用的时候
CancelRequest p;
_getData() {
// 每次请求的时候一定要实例化,不然取消请求后下次就请求不了
p = CancelRequest();
try {
p.apiCancelToken().then((res) {
print(res);
});
} catch (e) {
print('7777777771');
}
}
取消请求
_cancelRequest() {
p.cancelToken();
}
标签:Dio,请求,取消,res,token,cancelToken,flutter,CancelToken 来源: https://blog.csdn.net/qq_45717722/article/details/116164224