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 vote219 views1 answer
Vuejs get value of checkbox group
Javascript Vue
0 vote211 views1 answer
Concat class name vue js
Javascript Vue
18 votes452 views6 answers
Vuejs cdn
Javascript Vue
0 vote219 views2 answers
Ionic vue electron
Javascript Vue
1 vote209 views1 answer
Vuejs watch for nested data
Javascript Vue
0 vote198 views1 answer
Vue router accept params null
Javascript Vue
0 vote204 views1 answer
Vue js video call
Javascript Vue
0 vote201 views1 answer
Show conditional header based on url in vue js
Javascript Vue
0 vote206 views1 answer
Vue js hooks
Javascript Vue
2 votes196 views3 answers
Vuejs copy to clipboard
Javascript Vue