0

estaba intentando hacer una llamada desde un componente a un action de mi vuex pero en el en le response recibo : Promise {<pending>} en vez del resultado (que es un json de pruebas).

La llamada del action la hago de la siguiente manera:

this.$store.dispatch('propuesta/test');

Y esa funcion corresponde a codigo siguiente:

export const   PropuestaStore =
    {
        namespaced: true,
        state:{
            test:'Soy PropuestaStore'
        },
        getters:{
            test(state){
                return state.test;
            }
        },
        actions:{
            test(context){
                axios.get('/testing').then(res => {
                   return res;
                }).catch(err => {
                    return err;
                });
            }
        }
    };

Simplemente quiero guardar la respuesta en algun lado y ya hacer con ella lo que quiera.

1 respuesta 1

0

Intenta hacerlo de esta manera, ubicando la petición en un try/catch y esperando su respuesta, no estoy seguro de que funcione solo poniendo el async y el await.

export const  PropuestaStore = {
    namespaced: true,
    state:{
        test:'Soy PropuestaStore'
    },
    getters:{
        test(state){
            return state.test;
        }
    },
    mutations: {
        setData(state, payload) {
            state.test = payload
        }
    }
    actions:{
        async getData() {
            let response;
            try {
                response = await axios.get('/testing');
            } catch (err) => {
                // Hacer algo con el error acá
                return;
            }

            dispatch("setData", response)
        }
    }
}

Espero sea de tu ayuda.

3
  • Tienes puesto dos 'await' seguidos , me esta dando error y creo que es por eso.
    – josanangel
    Commented el 31 jul. 2020 a las 13:58
  • Perdón, error de tipeo. Commented el 31 jul. 2020 a las 14:12
  • Al final lo que he hecho es no usar Vuex
    – josanangel
    Commented el 1 ago. 2020 a las 10:10

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.