vue-爬坑之路二（路由切换时取消之前的正在进行的请求）

最新推荐文章于 2023-12-28 16:40:42 发布

zhaofeiweb

最新推荐文章于 2023-12-28 16:40:42 发布

阅读量1.9k

点赞数

分类专栏： vue js

本文链接：https://blog.csdn.net/zhaofeiweb/article/details/86493801

版权

vue 同时被 2 个专栏收录

45 篇文章 0 订阅

订阅专栏

23 篇文章 0 订阅

订阅专栏

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)
              }
            }
          )