axios cancel

const xsrc = this.$axios.CancelToken.source()
        const ysrc = this.$axios.CancelToken.source()
        const zsrc = this.$axios.CancelToken.source()
        const csrc = this.$axios.CancelToken.source()
        const isrc = this.$axios.CancelToken.source()
        const promises = [
          fetch(`${root}/x`, {
            cancelToken: xsrc.token
          }),
          fetch(`${root}/y`, {
            cancelToken: ysrc.token
          }),
          fetch(`${root}/z`, {
            cancelToken: zsrc.token
          }),
          fetch(`${root}/c`, {
            cancelToken: csrc.token
          }),
          fetch(`${root}/i`, {
            cancelToken: isrc.token
          })
        ]
        const srcList = [xsrc, ysrc, zsrc, csrc, isrc]
        this.apiList.push(srcList)

how to cancel/abort ajax request in axios

I use axios for ajax requests and reactJS + flux for render UI. In my app there is third side timeline (reactJS component). Timeline can be managed by mouse's scroll. App sends ajax request for the

https://stackoverflow.com/questions/38329209/how-to-cancel-abort-ajax-request-in-axios