axios 实现取消请求中的接口

作者: tww844475003 分类: 前端开发 发布时间: 2021-05-22 15:18
import axios from 'axios'
  
  export default {
    data() {
        return {
            serverSource: ''
        }
    },
    methods: {
      getData() {
        console.log('获取数据')
        const serverSource = axios.CancelToken.source()
        const params = {
          cancelToken: serverSource.token
        }
        this.serverSource = serverSource
        
        axios.get('/apis', params)
        .then(data => {
          console.log(data);
        })
        .catch(err => {
          console.log(err);
        });
      },
      cleanFn() {
        console.log('释放请求')
        this.serverSource.cancel('cancel http')
      }
    }
  }
前端开发那点事
微信公众号搜索“前端开发那点事”

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注