Axios catch error returns JavaScript error not server response

Question

Im trying to catch validation errors from the server.

Code:

axios.post('https://myBackendIp.com/api/teacher/time/create',Data)
.then(res=>{
       console.log(res)
 }).catch(error=>{
       console.log(error)
 })

Console log output

Error: Network Error
at createError (createError.js:16)
at handleError (xhr.js:87)

Network tab output

{"error":{"message":"Check your date field","status_code":500}}

Is there a way to change that or I'm doing something wrong?

Thanks!

i can't understand your question..? you are always handling async call exception right — Hamit YILDIRIM, May 21 '19 at 10:43

jarodsmk · Answer 1 · 2019-05-22T12:19:53.157

5

After Googling a little, I found this ticket:

https://github.com/axios/axios/issues/960

It recommends using:

console.log(error.response)

instead of

console.log(error)

Edit 1:

Did some further reading, apparently this could be a symptom of a CORS issue, see this and this.

The request on the network tab might seem like it's succeeding, however, when it's processed by Axios, a Network Error is returned.

edited May 22 '19 at 12:19

answered May 21 '19 at 10:45

jarodsmk

1,876
2
21
40

i cant get any solving methods from that tickets – Sanjeevan Rajakulasingam May 21 '19 at 10:48
Alright - what happens to your output when you use the code above? – jarodsmk May 21 '19 at 10:49
i saw the `"undefined"` message in log when i use `console.log(error.response)` – Sanjeevan Rajakulasingam May 22 '19 at 04:16
@SanjeevanRaja - I added an additional answer above, maybe investigate that? – jarodsmk May 22 '19 at 12:22
1

Yes. you are correct @n15m0-jk. I solved my problem. its a CORS issue. Thank you so much – Sanjeevan Rajakulasingam May 25 '19 at 04:07

Axios catch error returns JavaScript error not server response

1 Answers1