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 vote171 views1 answer
Key modifiers in vue js
Javascript Vue
0 vote215 views2 answers
Vue on page link or anchor
Javascript Vue
1 vote198 views1 answer
Fetch in vue 3
Javascript Vue
0 vote201 views1 answer
Vuetify change text color of radio button
Javascript Vue
0 vote195 views1 answer
Find element by object field vuejs
Javascript Vue
1 vote191 views1 answer
Import vuex in composition api
Javascript Vue
0 vote199 views1 answer
Vue minify images
Javascript Vue
0 vote212 views1 answer
Vue problem (You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file)
Javascript Vue
0 vote205 views1 answer
Vue on click router push not working
Javascript Vue
0 vote194 views1 answer
Optional validation vuetify
Javascript Vue