如何在代码中的一个位置记录所有 axios 调用

我正在使用 axios 作为 React 应用程序，并且我想记录我在应用程序中任何位置进行的所有 axios 调用。我已经通过 create 函数使用了 axios 的单个全局实例，并且我能够记录通用的 console.log。但是我想要更多信息，例如被调用的函数、参数等。

做到这一点的最好方法是拦截器。每个拦截器在请求/响应之前被调用。在这种情况下，日志拦截器就是。

axios.interceptors.request.use(request => {
  console.log('Starting Request', JSON.stringify(request, null, 2))
  return request
})

axios.interceptors.response.use(response => {
  console.log('Response:', JSON.stringify(response, null, 2))
  return response
})

或类似的东西。

很高兴您使用 axios 的新实例：

const api = axios.create({
  timeout: 1000
})

这样你就可以打电话

api.interceptors[...]