A
figured it out and in hindsight very simple. I copied this from a tutorial on Quasar but i’m intercepting each router request in a boot file and allowing or disallowing based on whether or not user is authenticated… though i’m using JWT from a Spring Boot backend. Anyway, I also wanted to set ‘loggedIn’ in the auth store since other components need to know if the user is logged in.
boot/router-auth.js
import { LocalStorage } from "quasar";
import { AUTH } from "../constants";
export default ({ router, store }) => {
router.beforeEach((to, from, next) => {
let loggedIn = !tokenExpired();
store.commit("auth/setLoggedIn", loggedIn);
if (checkAccess(loggedIn, to)) {
next("/auth/login");
} else {
next();
}
});
};
const tokenExpired = () => {
const token = localStorage.getItem(AUTH.TOKEN);
const expiration = LocalStorage.getItem(AUTH.TOKEN_EXPIRE);
return new Date() >= expiration || token == null;
};
const checkAccess = (loggedIn, to) => {
return (
!loggedIn &&
![
"",
"/",
"/auth/login",
"/auth/register",
"/password/reset",
"/password/reset/new"
].includes(to.path)
);
};
So works great but what do you think of this strategy? Better way to do it?
