Entiendo que las acciones de vuex devuelven promesas, pero no he encontrado el patrón ideal para manejar errores en vuex. Mi enfoque actual es utilizar un interceptor de errores en mi complemento axios, y luego cometer el error en mi tienda vuex.

e plugins / axios.js:

export default function({ $axios, store }) {
    $axios.onError(error => {
        store.dispatch('setError', error.response.data.code);
    });
}

e store / index.js:

export const state = () => ({
    error: null,
});

export const mutations = {
    SET_ERROR(state, payload) {
        state.error = payload;
    },
}

export const actions = {
    setError({ commit }, payload) {
        commit('SET_ERROR', payload);
    },
};

ntonces usaría unaerror componente observando el estado de error y muestra si hay un error. Por lo tanto, realmente hayno necesito detectar ningún error en mi acción o en el componente que envió la acción. Sin embargo, no puedo evitar preocuparme si esbad design dejando excepciones sin detectar? ¿Qué problemas podría encontrar si manejo errores con este diseño? ¿Sugerencias sobre mejores formas de hacer esto?