axios 取消请求的方法

开发中遇到需要取消请求的功能,,点击终止查询可以取消开始查询请求,再次点击开始查询又可以进行查询。

解决方法:axios官方文档上的CancelToken,一开始用了这个api后,可以成功取消请求,但是再次点击开始查询请求一直失败。原因是因为cancelToken始终没变导致每次点击终止查询调用cancel()方法取消的都是一个cancelToken,所以再次请求的时候会请求失败。所以每次点击开始查询要传一个新的cancelToken,可以参考这个demo:https://codepen.io/dashtinejad/pen/Lxejpq?editors=1011,把Network的网速调成slow 3G测试

 

posted @ 2019-03-22 18:53  十里霜天  阅读(5082)  评论(0编辑  收藏  举报