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

2 votes353 views2 answers
How to use console.log in vuejs
Javascript Vue
-1 vote383 views3 answers
Vite vue 3 create new component cli
Javascript Vue
0 vote331 views1 answer
Laravel vuejs barcode
Javascript Vue
0 vote380 views1 answer
Routing vue with meta tag firebase
Javascript Vue
0 vote321 views1 answer
Vue js app component
Javascript Vue
0 vote309 views1 answer
Vuelidate custom error messages
Javascript Vue
2 votes339 views2 answers
Vue 3
Javascript Vue
54 votes442 views2 answers
How to setup vue
Javascript Vue
2 votes337 views1 answer
Vue directive access this
Javascript Vue
0 vote332 views1 answer
Get base url vuejs
Javascript Vue