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 vote248 views1 answer
Basic Vue JS Setup script for Laravel App
Javascript Vue
0 vote265 views1 answer
VueJS - getting the last element of a split string array
Javascript Vue
0 vote242 views1 answer
Vuerouter route grouping
Javascript Vue
0 vote252 views1 answer
Vue js qr code scanner
Javascript Vue
5 votes224 views6 answers
Vue v-for object
Javascript Vue
-1 vote221 views1 answer
Vuex store in js file
Javascript Vue
0 vote233 views1 answer
Vue chart print
Javascript Vue
0 vote247 views1 answer
Vue js hooks
Javascript Vue
0 vote244 views1 answer
Vue print date
Javascript Vue
0 vote231 views1 answer
Vuejs bootsrap modal hidden event
Javascript Vue