axios在vue中的应用之取消请求

axios在vue中的应用之取消请求

作用：取消正在进行的http请求(了解)

使用场景：大批量数据查询时，请求时间较长，如果3~5s都没有查到，可以取消请求

使用：

 let source = axios.CancelToken.source()

      axios.get('/data.json',{

        cancelToken:source.token

      }).then(res=>{

        console.log(res)

      }).catch(err=>{

        console.log(err)

      })

      //取消请求(message 可选)

      source.cansel('cancel http')

    }