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 vote139 views1 answer
How to include a toasted property in vue
Javascript Vue
0 vote151 views1 answer
Expect vue test utils compare objects
Javascript Vue
0 vote146 views1 answer
Data table is not a function in vue
Javascript Vue
7 votes161 views2 answers
Vue watch handler
Javascript Vue
1 vote144 views1 answer
How get first option in select in vue js
Javascript Vue
-2 votes265 views2 answers
Vue.use is not a function
Javascript Vue
3 votes134 views3 answers
Cors header missing vue api gateway
Javascript Vue
6 votes147 views2 answers
Redirect in vue
Javascript Vue
0 vote180 views1 answer
Laravel vue js component won't mount
Javascript Vue
4 votes141 views2 answers
Vue js tutorial
Javascript Vue