Vuex is a "centralised state management pattern + library" for Vue.js. If you're starting out with Vue, Vuex may seem very convoluted and over-engineered, but as you start to create more advanced Vue applications with components and pages, you may wish to have a central storage location for data.
This post focuses solely on the bits required to secure your Vue.js application using client-side token-based authentication.
The interface between frontend and API has become a common point of friction, challenge, and complexity. In an ideal world, backend and frontend would evolve together in harmony, with close communication, and the data served up by the backend would match exactly what the front-end needs.