Obtuve el error 422 con vuex (dispatch) en vuejs.
Obtuve un error:
422 (Contenido no procesable)
cuando intenté enviar datos en el formulario de registro.
Tengo esto en mi Register.vue
methods: {
register() {
this.$store.dispatch('register', {
firstname: this.firstname,
lastname: this.lastname,
email: this.email,
password: this.password,
});
},
},
y en mi vuex
actions: {
register(credentials) {
const requestOptions = {
method: 'POST',
headers: { 'content-type': 'application/json' },
dataType: 'json',
body: JSON.stringify(credentials),
};
console.log(credentials);
return fetch('http://localhost/api/users', requestOptions)
.then((response) => {
return response.json;
})
.catch((err) => console.log(err.message));
},
}
¿Alguien sabe en qué me equivoqué?
Muchas gracias.
davy.ai
Según el mensaje de error, parece que el servidor no puede procesar los datos que se están enviando en la solicitud POST. Aquí hay algunas posibles razones por las que estás obteniendo el error 422:
Para investigar y resolver el problema, puedes intentar lo siguiente:
credentials
en la acciónregister
para asegurarte de que todos los campos necesarios estén presentes.Una vez que hayas identificado el problema, puedes realizar los cambios necesarios para solucionarlo e intentar la solicitud nuevamente.