美文网首页
vue-resouce超时设置

vue-resouce超时设置

作者: 进击的蒸汽机 | 来源:发表于2017-06-14 14:37 被阅读0次

    min.js

    Vue.http.interceptors.push(function(request, next) {
      let timeout;
    
      if (request._timeout) {
        timeout = setTimeout ( () => {
          if (request.onTimeout) {
            request.onTimeout (request);
            request.abort()
          }
        }, request._timeout);
      }
      next(function(response) {
        clearTimeout(timeout);
        return response
      })
    })
    

    page.vue

    this.$http.post(url, {
                  _timeout: 2000, // 设置超时两秒
                  onTimeout: function (res) {
                     alert('请求失败')
                  }
    })
    .then( (res)  => {
      // ..
    }, (res) => {
       // 失败回调
    }) 
    

    相关文章

      网友评论

          本文标题:vue-resouce超时设置

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