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 vote108 views1 answer
Vuejs modal form
Javascript Vue
35 votes201 views6 answers
Vue3 cdn
Javascript Vue
28 votes229 views4 answers
Vue inline style bind
Javascript Vue
0 vote111 views1 answer
Find element by object field vuejs
Javascript Vue
0 vote107 views2 answers
Vuejs accessing props from data
Javascript Vue
2 votes106 views1 answer
Vue filter()
Javascript Vue
18 votes216 views6 answers
Vue 3 CDN
Javascript Vue
6 votes147 views1 answer
How set stye in component inline in vue
Javascript Vue
0 vote112 views1 answer
Vue trigger function after certain time
Javascript Vue
1 vote115 views1 answer
Nativescript vue back button handler
Javascript Vue