Nuxt.js: Request failed with status code 422

[totski90]

Version

v2.4.0

Reproduction link

[https://github.com/totski90/laravel-nuxt-front-end and the backend https://github.com/totski90/laravel-nux-back-end]

Steps to reproduce

When form validation failed, it will be redirected to the default error "Request failed with status code 422" instead of the server side validation returned.

What is expected ?

The expected returned should be the validation coming from the server which I handled on the form rendering if validation fails.

What is actually happening?

It happened that the returned error was the javascript default error

_{This bug report is available on Nuxt community (#c8787)}

[manniL]

Use try/catch around your axios calls and handle the error properly.

e.g. in https://github.com/totski90/laravel-nuxt-front-end/blob/master/pages/register.vue#L54

PS: This is not a problem related to Nuxt :relaxed:

[haideritx]

can not use try catch with nuxt-auth?

await this.$auth.loginWith("local",{
                    data: this.form
                });

What to do in this case?