axios取消重复请求CancelToken可以让同一个请求遭到用户多次触发时，只返回最近的一次请求结果，而取消之前的请求。 在业务生产过程中，这个优化可以增强用户体验，减少不必要的数据接收和页面渲染。 这样在我们短时间内多次触发同一个请求时，在网络较慢，前一个请求还在pend…

关于axios取消请求的文章和资料不胜其数。大部分都是单独介绍 切换路由时取消上个页面尚未完成的请求 或者 取消重复请求 的文章，且大部分是介绍了核心的内容，缺乏关于一整套完整的方案的描述。 关于axios取消请求，官方文档也有简单描述到使用方法，基础方法我这里不赘述，直接写方…

之前使用axios都是调用普通的请求，但是直到项目中遇到了一些稍微复杂的交互，比如输入框搜索需要取消上一次的重复请求，所以结合之前的经验，再封装一次带有取消请求axios方法。(可跳到最后看全部代码) 1. axios的取消事件 2. 封装取消方法

选择一，原生ajax。配置和调用非常的混乱。在开发中很少选择，而是使用jquery封装的ajax. 选择二,jquery封装的ajax.在开发vue项目的时候很少选择。因为我们开发vue项目是完全不依赖jquery的。所以为了使用jquery封装的ajax.去引入jquery得…