import { default as axios, AxiosRequestConfig, Canceler } from 'axios'
import { ElMessageBox, ElLoading } from 'element-plus'
import { Session } from '@/utils/storage'

// ajax
const service = axios.create({
  baseURL,
  headers: {},
})


// CancelToken 取消請(qǐng)求
const CancelToken = axios.CancelToken
const cancelTokenMap = new Map<RequestConfig, Canceler>()

// CancelToken 的構(gòu)造函數(shù)來(lái)創(chuàng)建 cancel token
const createCancelToken = (config: RequestConfig) => {
  return new CancelToken(function executor(cancel) {
    // executor 函數(shù)接收一個(gè) cancel 函數(shù)作為參數(shù)
    cancelTokenMap.set(config, cancel)
  })
}

// 刪除單個(gè) cancel token
const deleteCancelToken = (config: RequestConfig) => {
  cancelTokenMap.delete(config)
}
// 取消所有請(qǐng)求
const abortCancelToken = () => {
  for (let cancel of cancelTokenMap.values()) {
    cancel('canceled')
  }
  cancelTokenMap.clear()
}


// 請(qǐng)求前
service.interceptors.request.use(
  async (config: any) => {

    config.cancelToken = createCancelToken(config)

    return config
  },
  (error: any) => {
    return Promise.reject(error)
  }
)

// 響應(yīng)后
service.interceptors.response.use(
  (response: any) => {

    deleteCancelToken(response.config)

    return response.data
  },
  function (error: any) {

    deleteCancelToken(error?.response?.config)
   
    if (response.status == 401 || response.status == 403) {

      ElMessageBox.confirm('無(wú)權(quán)限', 'token過(guò)期，請(qǐng)重新登錄')
        .then(() => {
          Session.remove('Token')
          history.go()
        })

      abortCancelToken()

      return Promise.reject(error)
    }

    // 取消請(qǐng)求
    if (error.message === 'canceled') {
      return Promise.reject(error)
    }

    return Promise.reject(error)
  }
)