vue-resource 請求超時處理辦法

超時之后可以在then的第二個error方法中獲取，

main.js中設置如下：

Vue.http.interceptors.push((request, next) => {
    let timeout;
    // 這裡改用 _timeout
    if (request._timeout) {
        timeout = setTimeout(() => {
　　　　　　　　//自定義響應體 status:408,statustext:"請求超時"，並返回給下下邊的next
            next(request.respondWith(request.body, {
                 status: 408,
                 statusText: '請求超時'
            }));
            
        }, request._timeout);
    }
    next((response) => {
　　　　console.log(response.status)//如果超時輸出408
　　　　return response;
    })
})

 

頁面請求設置：

this.$http.get(`repairs/${this.repairs_id}`,{
                params:{with:'room;user'},
                _timeout:100,//設置超時時間
            }).then((response)=>{
            },(err)=>{
                console.log(err.status);//如果超時，此處輸出408，也在這里做超時處理操作
});