美文网首页
解决在vue中axios请求超时的问题

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

作者: 韭菜过敏者 | 来源:发表于2018-11-23 12:07 被阅读0次

    //在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);

        });

    });

    相关文章

      网友评论

          本文标题:解决在vue中axios请求超时的问题

          本文链接:https://www.haomeiwen.com/subject/xywdqqtx.html