我如何在Vue项目中正确实现axios拦截器

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);
});