有时候数据有限,过多的请求也只是返回空,那不如直接中断请求呢!
然后由于vue官方和axios梦幻联动,总是搜到关于vue的,所以再此之外的挺少,我就不客气地再发一次了
@(滑稽)

// 添加请求拦截器
axios.interceptors.request.use(function (config) {
    // 在发送请求之前做些什么
    console.log('加载中')
    document.getElementById('loding').style.display = "block";
    if (!frag) {
        config.cancelToken =  new CancelToken(function executor(c)
        {
            cancel = c;
        })
        cancel('没有数据了');
    }
    return config;
}, function (error) {
    // 对请求错误做些什么
    return Promise.reject(error);
});
// 添加响应拦截器
axios.interceptors.response.use(function (response) {
    // 对响应数据做点什么
    //console.log(response)
    if (response.data.message.length === 0){
        frag = false;
    }
    document.getElementById('loding').style.display = "none";
    return response;
}, function (error) {
    // 对响应错误做点什么
    return Promise.reject(error);
});

这里通过最后一次响应无数据,激活frag,再到下次的请求拦截器中,直接取消拦截。

QQ截图20200725140442.png

当数据刷完后,就会这样提示

(´இ皿இ`)如果还有更多的方法,欢迎分享啊

版权属于:染念
作品采用:本作品采用 知识共享署名-相同方式共享 4.0 国际许可协议 进行许可。
更新于: 2021年04月29日 09:04
0
发表评论


177 文章数
667 评论量
4 分类数
181 页面数
已在风雨中度过 7年36天20小时45分
目录
来自 《使用axios取消请求 - 原生JavaScript》
© 2024 染念Blog
浙ICP备19020194号-1
暗黑模式
暗黑模式
评论
返回顶部
© 2024 染念Blog
浙ICP备19020194号-1
暗黑模式
暗黑模式
评论
返回顶部