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 vote232 views1 answer
Show conditional header based on url in vue js
Javascript Vue
12 votes213 views6 answers
Vue
Javascript Vue
0 vote241 views1 answer
Inertia-link vuetify
Javascript Vue
1 vote234 views2 answers
Vue watch props
Javascript Vue
18 votes284 views6 answers
Vue js cdn
Javascript Vue
0 vote222 views1 answer
Find element by object field vuejs
Javascript Vue
0 vote227 views1 answer
Print vue-chart.js
Javascript Vue
0 vote213 views2 answers
Vue config devtools
Javascript Vue
31 votes288 views5 answers
Inline style vue
Javascript Vue
16 votes304 views4 answers
Vue js default prop
Javascript Vue