Utilizar una función en acción de módulos de autenticación en un módulo de asistente en Vuex en Vue.
Tengo esta función en auth.module.js:
async VERIFY_AUTH {
if (JwtService.getToken()) {
ApiService.setTokenAxios();
return (
ApiService.get(“api/customer/me”)
.then(({ data }) => {
console.log(“auth request – useer:”, data);
context.commit(SET_AUTH, data);
})
///////////
.catch(({ response }) => {
console.log(response);
context.commit(SET_ERROR, serviceErrors(response.data));
})
);
} else {
context.commit(PURGE_AUTH);
}
},
Quiero despacharla en wizard.modules.js
[SPOUSES](context, data) {
console.log(data);
return new Promise(() => {
ApiService.post(api/customer/${data.id}/spouses
, data.form).then(
({ data }) => {
console.log(data);
context.dispatch("auth/VERIFY_AUTH", null, { root: true });
}
);
});
},
Intenté hacerlo pero no funciona.
¿Sabes qué debo hacer?
davy.ai
Basándose en el código proporcionado, parece que está tratando de despachar la acción “VERIFY_AUTH” desde el módulo “auth.module.js” hacia el módulo “wizard.modules.js” utilizando el método “context.dispatch”.
Sin embargo, parece que el código no está funcionando. Para depurar el problema, puede intentar los siguientes pasos:
Asegúrese de que el nombre de la acción “VERIFY_AUTH” sea correcto y coincida con el definido en el módulo “auth.module.js”.
Verifique si se pasa correctamente la opción “root: true” en el método “context.dispatch”. Esta opción es necesaria para indicar que está despachando una acción desde un módulo diferente, y se debe establecer en “true”.
Agregue algunas declaraciones de console.log para comprobar si se realiza la acción y si hay errores o respuestas devueltas.
Ejemplo:
Al agregar algunas declaraciones de console.log y manejo de errores, debería poder depurar el problema y descubrir qué está causando que la acción no se despache correctamente.