取消请求的写法
//生成一个source对象
let source = axios.cancelToken.source()
//发起请求的时候,带上取消请求token
axios.get('/data.json',{
cancelToken:source.token
}).then(res=>{
console.log(res)
//取消请求的时候会进入catch部分
}).catch(err=>{
console.log(err)
})
//执行cancel方法,取消请求,参数是message,取消请求的信息,可选.
//当有message的时候,message会进入catch的err
source.cancel('cancel http')
什么时候会用到取消请求呢?
- 实际工作中,比如我们在后台管理系统里要进行一个大批量数据的查询的时候,需要时间比较长,可能要3-5秒。甚至有可能3-5秒都没有查到,这个时候用户可能不想查询了,这个时候可能就会用到取消请求