08-取消请求

取消请求

方式1

const source = axios.CancelToken.source(); //创建取消标记

axios.get("api", { cancelToken: source.token }) //配置参数接收标记token
  .catch((err) => { //当取消请求后会进入到catch中
    if (axios.isCancel(err)) { //若是取消请求
      console.log('取消请求', err.message);
    } else { //其他错误
      console.log(err);
    }
  });
source.cancel("取消请求信息");

方式2

let cancel; //创建取消函数变量
axios.get("/api", {
  cancelToken: new axios.CancelToken((c)=> cancel = c )	//配置参数接收标记token
})
.catch((err) => { //当取消请求后会进入到catch中
if (axios.isCancel(err)) { //若是取消请求
  console.log('取消请求', err.message);
} else { //其他错误
  console.log(err);
}
});

cancel("取消请求信息");