如何在代码中从一个地方记录所有axios调用

小编典典

如何在代码中从一个地方记录所有axios调用

reactjs

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

阅读 242

2020-07-22

共1个答案

小编典典

最好的方法是拦截器。在请求/响应之前调用每个拦截器。在这种情况下，将使用日志记录拦截器。

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

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

或类似的东西。

最好使用axios的新实例：

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

这样你可以打电话

api.interceptors[...]

2020-07-22