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 vote317 views1 answer
One component to another component in vuejs trigger function
Javascript Vue
8 votes330 views3 answers
Vue redirect to route
Javascript Vue
0 vote295 views1 answer
Vue js two form model example site stackoverflow.com
Javascript Vue
0 vote304 views2 answers
Flask vue.js not working
Javascript Vue
7 votes346 views1 answer
Vue js Elements in iteration expect to have 'v-bind:key' directives
Javascript Vue
1 vote312 views4 answers
For loop vue object
Javascript Vue
0 vote285 views1 answer
Vue block other script event listeners
Javascript Vue
0 vote329 views1 answer
Hidden vue js
Javascript Vue
0 vote305 views1 answer
Laravel vuejs barcode
Javascript Vue
0 vote324 views1 answer
Vue js skeleton loading
Javascript Vue