Tengo un proyecto en el que cada vez que el usuario inicia sesión, guarda la clave de autenticación para almacenar. Quiero pasar la clave de authKey a los encabezados para que pueda obtener el resultado de la API. Pero, cuando lo consuelo, authKey vuelve a ser nulo. Creo que esta es mi sintaxis de llamar a authKey en state incorrecto, pero parece que no puedo encontrar la forma correcta.

 export default new Vuex.Store({ state: { isLoggedIn: false, authKey: '', username: '', products: [] }, mutations: { LOGIN(state, payload) { state.isLoggedIn = true state.authKey = payload.authKey state.username = payload.username }, SET_PRODUCTS(state, payload) { state.products = payload } }, actions: { async getAll({commit, state}) { const config = { headers: { Authorization : 'Bearer ' + state.authKey } } await axios.post('https://my-api-here.app', config) .then(async (res) => { commit("SET_PRODUCTS", res.data.products) }) .catch((err) => { console.log(err) }) } } })