Axios全局与实例拦截器

Question

我想全局处理所有与使用axios进行呼叫有关的错误。我想在axiosHelper.ts中执行此操作，其中包含以下（相关）代码：

import axios from 'axios'
import { configurationService } from '@/_services/configuration.service'

const axiosErrorHandler = (error: { config: any; }) => {
  return error
}

function configureDefaults() {
  axios.defaults.baseURL = configurationService.apiUrl

  axios.interceptors.response.use(
    response => response,
    error => axiosErrorHandler(error)
  )
}

export const axiosHelper = {
  configureDefaults
}

但是axiosErrorHandler从未被调用。

创建主vue应用后，将调用上述方法：

  created() {
    axiosHelper.configureDefaults()
  },

我找到了这个有效的Codepen示例：https://codepen.io/teroauralinna/pen/vPvKWe
将拦截器注册从axiosInstance更改为axios时，它也会停止工作。

如何创建全局解释器？