axios取消請求 CancelToken（如何使用）

CancelToken——取消請求

1.使用方法，封裝一個方法請求

export function getInfo(data, cancel) {
  return request({
    url: '/users/userInfo',
    method: 'get',
    params: data,
    cancelToken: new axios.CancelToken(function executor(c) {
      cancel.cancel= c
    })
  })
}

2。初始化定義cancel:null

xxx.vue
data(){
	return {
		cancel:null
	}
}
mounted(){
	getInfo(data,this);
	//取消
	this.cancel（）
	getInfo(data,this);
}

效果： 介面換了一個