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

1 vote226 views1 answer
Vue js copy text to clipboard
Javascript Vue
1 vote215 views1 answer
Get text inside span vue test utils
Javascript Vue
9 votes214 views3 answers
Vue boolean
Javascript Vue
0 vote235 views2 answers
Vuejs accessing props from data
Javascript Vue
0 vote219 views1 answer
Vue router default page not loaded
Javascript Vue
0 vote217 views1 answer
Vuejs chatbot widget
Javascript Vue
-1 vote245 views2 answers
Call a function of another component vue
Javascript Vue
0 vote202 views1 answer
Vue specify build directory
Javascript Vue
0 vote207 views1 answer
Vuejs input call the value
Javascript Vue
3 votes232 views1 answer
Getter in action vuex
Javascript Vue