axios-取消请求

当业务开发中需要取消请求时，我们使用axios.cancelToken来实现
使用步骤：
1、在axios对象中配置cancelToken属性
2、声明一个全局变量xxx
3、将cancelToken属性中回调函数的形参赋值给全局变量xxx
4、在请求结束后将全局变量xxx初始化
5、在需要取消请求的地方调用xxx()方法，则会取消当次请求

//2、声明一个全局变量cancel,初始化值为null
let cancel = null;
axios({
    method: 'GET',
    url: 'http://localhost:3000/posts'
    //1、配置cancelToken属性
    cancelToken: new axios.CancelToken(function(c){
        //3、将参数c的值赋给cancel
        cancel = c
    })
}).then(res=>{
    console.log(res)
    //4、请求结束，将cancel初始化
    cancel = null
})

btn.onclick = ()=>{
    //5、点击按钮取消请求
    cancel && cancel()
}