vue 发送请求频繁时取消上一次请求

<script>
import axios from ‘axios‘


export default {
    data() {
        return {
            source: null,
            }
        },
    methods: {
         cancelRequest() {
            if (typeof this.source === ‘function‘) {
                this.source()
            }
        },
        getProductPackageInfo() {
            const _this = this;
            this.cancelRequest(); 
            // 取消上一次请求
            axios({
                method: ‘post‘,
                url: this.secondURL.getProductPackageInfo,
                data:  { name: ‘小白‘ },
                cancelToken: new axios.CancelToken((c) => {
                    _this.source = c
                }),
            })
            .then((res) => {
                //  返回数据进行操作
            }).catch((err) => {if (axios.isCancel(err)) {
                    console.log(‘Rquest canceled‘, err.message); 
                    //请求如果被取消，这里是返回取消的message
                } else {
                    console.log(err);
                }
            })
       },
</script>