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 vote132 views1 answer
How get first option in select in vue js
Javascript Vue
0 vote132 views2 answers
To show which tab is active in VueJS
Javascript Vue
1 vote144 views1 answer
Nativescript vue back button handler
Javascript Vue
0 vote132 views1 answer
Vue js data property in component must be a function
Javascript Vue
0 vote134 views1 answer
Vue google map api for user marker location
Javascript Vue
0 vote132 views1 answer
Global axios vue 2
Javascript Vue
0 vote132 views1 answer
Dynamic vue js maintenance mode
Javascript Vue
0 vote135 views1 answer
Pagination in b table in bootstrap vue
Javascript Vue
3 votes275 views2 answers
Vue add watcher
Javascript Vue
0 vote134 views1 answer
Vue js readdir
Javascript Vue