vue-爬坑之路二 （路由切換時取消之前的正在進行的請求）

main.js 

Vue.Cancel = [] //全局定義一個對象

router.beforeEach((to, from, next) => {

while (Vue.Cancel.length > 0) { // 存儲的對象進行abort()

Vue.Cancel.shift().abort()

}

}

請求的地方加上

 oneRequest = context.$http.post(url, newParams, //這裏用的是vue-resource
            { // 發送請求前把request存放在Vue.Cancel對象中，爲後面路由切換的時候中斷使用
              // use before callback
              before (request) {
                Vue.Cancel.push(request)
              }
            }
          )