Async await with axios not returning errors

Question

I'm using async await with axios and am having trouble with the error handling. Using normal promises (example 2 below), I can get an error object when killing my local server. However, using async await, the error comes in as undefined (example 1 below) Does anyone know why this would be

const instance = axios.create({
  baseURL: 'http://localhost:8000',
  timeout: 3000,
})

// example 1
try {
   await instance.get('/data/stores')
} catch (error) {
  console.log(error) // error is not defined
}
// example 2
return instance.get('/data/stores').catch(error => {
  console.log(error) // error is normal axios error
})

Had exactly the same trouble with firefox and chrome

opensas
– opensas

2018-07-20 07:07:46 +00:00
Commented Jul 20, 2018 at 7:07 — opensas
– opensas, Commented Jul 20, 2018 at 7:07

borislemke · Accepted Answer · 2017-09-21 08:59:05Z

17

The error response is stored inside response property. For some reason you can't see this in Chrome's console.

So in your catch block do:

console.log(error.response)

answered Sep 21, 2017 at 8:59

borislemke

9,1965 gold badges43 silver badges56 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Matthew Chung · Accepted Answer · 2017-09-06 17:39:19Z

8

It turns out the error was there within the catch, it is just that my debugger did not recognize it.

answered Sep 6, 2017 at 17:39

Matthew Chung

1,3421 gold badge19 silver badges31 bronze badges

Collectives™ on Stack Overflow

Async await with axios not returning errors

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related