解决在vue中axios请求超时的问题

//在main.js设置全局的请求次数,请求的间隙

axios.defaults.retry = 4;

axios.defaults.retryDelay = 1000;

axios.interceptors.response.use(undefined, functionaxiosRetryInterceptor(err){    

    var config = err.config;

    //如果配置不存在或未设置重试选项,则返回错误信息 

    if(!config || !config.retry) return Promise.reject(err.response.data);

    //设置变量即跟踪重试次数    

    config.__retryCount = config.__retryCount || 0;

    // 检查我们是否已经超过了总重试次数  

     if(config.__retryCount >= config.retry) {

            // 返回错误信息        

            return Promise.reject(err.response.data);

    }

    // 重试次数加1    

    config.__retryCount += 1;

    // 创建延时器等待发送重试请求

    var backoff = new Promise(function(resolve){        

            setTimeout(function(){            

                resolve();

        }, config.retryDelay || 1);

    });

    // 返回调用AXIOS来重试请求

   return backoff.then(function(){        

            return axios(config);

    });

});

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容