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 vote127 views1 answer
Page slug vuejs
Javascript Vue
0 vote151 views3 answers
Srcset vue
Javascript Vue
1 vote126 views1 answer
Invalid Host header vue
Javascript Vue
0 vote130 views1 answer
Diynamic time vue js
Javascript Vue
0 vote130 views1 answer
Vue learn
Javascript Vue
77 votes361 views6 answers
Install vue-cli
Javascript Vue
0 vote126 views1 answer
Export data from paginated api javascript vuetify
Javascript Vue
0 vote148 views2 answers
Alertify js vue
Javascript Vue
1 vote123 views1 answer
Vue access computed property in data
Javascript Vue
2 votes125 views2 answers
Vue 3
Javascript Vue