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 vote116 views1 answer
How are vue components identified
Javascript Vue
1 vote137 views1 answer
Vue check if list is empty
Javascript Vue
2 votes132 views1 answer
Clear input from file vue
Javascript Vue
0 vote137 views2 answers
Vue nested loop
Javascript Vue
0 vote127 views1 answer
Get base url vuejs
Javascript Vue
1 vote148 views2 answers
Get object from list of objects in vuejs with condition
Javascript Vue
-1 vote127 views1 answer
Vuex store in js file
Javascript Vue
0 vote149 views1 answer
Sortby vue
Javascript Vue
9 votes143 views3 answers
Vue 3 computed
Javascript Vue
5 votes125 views6 answers
Vue v-for object
Javascript Vue