Как правильно реализовать Axios Interceptor в проекте Vue?

Question

Я пытаюсь заставить axios работать с перехватчиком запросов.Однако перед выполнением запроса перехватчик не запускается.Что может быть не так?Я уже много об этой проблеме, но пока не нашел решения. В моем файле main.js я использую что-то вроде этого.

import App from './App'
import router from './router'



const instance = axios.create({
  baseURL: process.env.VUE_APP_BASE_URL,
  timeout: 10000,
  params: {} // do not remove this, its added to add params later in the config
});

instance.interceptors.request.use(function (config) {
  return config;
},
function (error) {
  // Do something with request error
  return Promise.reject(error)
})

// Add a response interceptor
instance.interceptors.response.use(function (response) {
  // Do something with response data
  return response;
}, function (error) {
  // Do something with response error
  return Promise.reject(error);
});