axios实现发起新请求时取消上一次请求(如果上一次请求结果还未返回)
axios实现发起新请求时取消上一次请求(如果上一次请求结果还未返回)
·
- 需求:对于同一个接口,发起新请求时取消上一次请求(如果上一次请求结果还未返回)
提示:本文使用了第二种方法
- 原文地址:使用说明 · Axios 中文说明 · 看云
- 代码实现:
- 未处理前
import request from '@/utils/request' export function getTrackChartDataApi(data) { return request({ method: 'post', url: '/charts/routeMap', data, }) }
- 处理后
import request from '@/utils/request' import axios from 'axios' const { CancelToken } = axios let cancel = '' export function getTrackChartDataApi(data) { return request({ method: 'post', url: '/charts/routeMap', data, cancelToken: new CancelToken(cancelFn => { cancel && cancel() cancel = cancelFn }), }) }
- 提示:如果request实例已经做了相同的配置,可能导致此处的配置被覆盖从而失效。
更多推荐
已为社区贡献2条内容
所有评论(0)