axios 请求拦截

应用场景：搜索页面， 没输入一个数返回一个新的内容，
问题：有几率会你在上一个接口内容还没有返回过来就输入了下一个数字，但是内容还是第一次输入的内容，俗称，接口没反应过来，所以需要做一手拦截，清空。

先引入axios ，我这里是因为就这一个接口使用所以单独引用的。

 

在接口方法里面把，把这两个写上，自己打印看一下，就明白了

// `cancelToken` 指定用于取消请求的 cancel token

结合 axios 文档  搜索取消 就明白了。

 监听 输入框 输入的内容 如果发现 这次 与 上次 的内容不一样，就启动拦截，取消请求，然后走 init  方法， 这个方法写的是 重置 页面要渲染的那些字段 比如：清空页面列表显然的字段啊，分页的字段啊，在这个方法的最后重新走接口。