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 vote211 views1 answer
Vue function data update
Javascript Vue
8 votes212 views3 answers
Vue redirect to route
Javascript Vue
0 vote200 views1 answer
Vue js hooks
Javascript Vue
3 votes222 views1 answer
Submit form in vue
Javascript Vue
6 votes207 views2 answers
Vue watch deep property
Javascript Vue
31 votes420 views5 answers
Inline style vue
Javascript Vue
0 vote270 views3 answers
Vue read url
Javascript Vue
0 vote265 views1 answer
Infinite scrolling firestore vuejs
Javascript Vue
1 vote194 views3 answers
Vue router npm install
Javascript Vue
0 vote213 views1 answer
How to include a toasted property in vue
Javascript Vue