Vue router guard

router.beforeEach((to, from, next) => {
  const publicPages = ['/login', '/register', '/home'];
  const authRequired = !publicPages.includes(to.path);
  const loggedIn = localStorage.getItem('user');

  if (authRequired && !loggedIn) {
    next('/profile');
  } else {
    next();
  }
});

Similar codes

0 vote233 views1 answer
VueJS - getting the last element of a split string array
Javascript Vue
0 vote199 views1 answer
Vue max characters html input
Javascript Vue
17 votes394 views6 answers
Vue cdn
Javascript Vue
0 vote194 views1 answer
How to find length of a assocative array vuejs
Javascript Vue
0 vote148 views1 answer
Vue 3 emit update prop
Javascript Vue
0 vote177 views1 answer
Vue specify build directory
Javascript Vue
1 vote188 views1 answer
Vue add script tags and link tags
Javascript Vue
-1 vote244 views3 answers
Vite vue 3 create new component cli
Javascript Vue
0 vote208 views2 answers
Vuejs scrollBehavior
Javascript Vue
0 vote184 views1 answer
How to generate random text in vue js
Javascript Vue