vue切换路由的时候取消所有正在请求的axios

// request.js 封装 axios
const instance = axios.create({
  // baseURL: '',
  timeout: 30000 // 请求超时时间
});
instance.interceptors.request.use(config => {
	config.cancelToken = new axios.CancelToken(cancel => {
    	store.commit('addCancelToken', cancel)
  	})
})

// store state中 创建 数组 记录axios
// state/index.js
cancelTokenArr: []

mutations: {
	addCancelToken(state, cancel) {
      if (!state.cancelTokenArr) {
        state.cancelTokenArr = []
      }
      if (cancel) {
        state.cancelTokenArr.push(cancel)
      }
    },
    // 取消所有请求
    clearCancelToken(state) {
      state.cancelTokenArr.forEach(c => {
        if (c) {
          c()
        }
      })
      state.cancelTokenArr = []
    }
}

// router.js
router.beforeEach((to, from, next) => {
  // 切换路由时先取消所有请求
  store.commit('clearCancelToken')
})