axios拦截器取消当前接口发送

简介: 取消请求发送 -//取消请求 var CancelToken = axios.CancelToken; var source = CancelToken.source(); axios.get('/user/12345', { cancelToken: source.

取消请求发送

-//取消请求
/**
 * 混合拦截请求参数
 */
export const cancelToken = vue => {
  let cancelToken = vue.req.CancelToken
  let source = cancelToken.source()
  return {
    cancelToken: source.token,
    stop: source
  }
}
Vue.req({
        url: '/api/mc/v1/entrustment/list',
        method: 'get',
        params: data,
        headers: {
          ex: true
        },
        ...cancelToken(Vue)
      }).then(res => {
        resolve(res)
      }).catch(err => {
        reject(err)
      })
      
      // 请求拦截
  Axios.interceptors.request.use(config => {
    if (!checkPort(config)) {
      config.stop && config.stop.cancel('取消请求')
    }
相关文章
|
5月前
|
JavaScript 前端开发
axios拦截器的使用?
axios拦截器的使用?
|
18天前
|
JavaScript API
Vue中axios拦截器怎么使用
Vue中axios拦截器怎么使用
|
3月前
|
JavaScript
Vue如何请求接口——axios请求
Vue如何请求接口——axios请求
32 0
|
8月前
|
前端开发
前端学习笔记202307学习笔记第六十天-axios拦截器3
前端学习笔记202307学习笔记第六十天-axios拦截器3
31 0
|
8月前
|
前端开发
前端学习笔记202307学习笔记第六十天-axios拦截器2
前端学习笔记202307学习笔记第六十天-axios拦截器2
24 0
|
3月前
【Axios】配置默认值及拦截器代码逐行详解
【Axios】配置默认值及拦截器代码逐行详解
37 0
|
4月前
|
资源调度 JavaScript API
vue封装axios请求接口并添加前置拦截器和响应拦截器
vue封装axios请求接口并添加前置拦截器和响应拦截器
45 0
|
4月前
Axios 拦截器 请求拦截器 响应拦截器
Axios 拦截器 请求拦截器 响应拦截器
|
4月前
|
数据处理
Axios 默认配置 简化URL 简化代码 多台服务器接口配置
Axios 默认配置 简化URL 简化代码 多台服务器接口配置
|
5月前
|
前端开发 JavaScript
axios拦截器封装:await遇上reject时catch的优雅处理方式
前端项目中使用 axios 请求接口,基于 axios 二次封装了一些业务逻辑,一般我们会在请求和响应拦截器里添加自己项目相关的业务逻辑
71 1