How to debug axios requests
Paulund

Paulund @paulund

About: Full Stack Engineer I post about #Laravel #PHP and Software engineering on https://paulund.co.uk Working on a website monitoring tool - https://upchecker.app

Location:
Bristol
Joined:
Dec 26, 2022

How to debug axios requests

Publish Date: Apr 15 '24
5 0

When working with APIs in your Javascript application it can be useful to be able to debug the requests and responses you're using to interact with the API.

Axios comes with a feature called interceptors that allow you to run some code before a request and after a response. This is a good place to add some code that runs on every request, you can put your debug messages in here.

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
})
Enter fullscreen mode Exit fullscreen mode

Now when you use axios to make requests to apis you'll get debug messages for each request and response.

Comments 0 total

    Add comment