VueJS2取消路线导航上的HTTP请求

时间:2018-07-25 13:49:10

标签: vue.js vuejs2

当用户离开(破坏)的生命周期时,我试图取消较旧的未完成的HTTP请求

目前我有一种方法

methods:{
   getdata(){
     this.$http.get("users").then((res)=>{

          ///do stuff with returned data
     })
   }
}

现在如果上面的http请求不完整,我该如何取消

在被毁的生命周期中这样的事情

destroyed(){
  //here cancel above http request
}

我该怎么办?

1 个答案:

答案 0 :(得分:2)

您可以尝试这样的事情:

let ongoingRequest
export default {
    beforeDestroy() {
        ongoingRequest.abort()
    },
    methods: {
        getdata() {
            this.$http.get("users", {
                before(request) {
                    ongoingRequest = request
                }
            }).then((res) => {
                ///do stuff with returned data
            })
        }
    }
}

我发现一个关于here的问题。