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

4 votes152 views3 answers
Vue computed
Javascript Vue
0 vote239 views1 answer
Error vuejs from chokidar enospc
Javascript Vue
0 vote142 views1 answer
How to get 3rd level form data by $refs in vue
Javascript Vue
0 vote124 views1 answer
Remove # url vuejs
Javascript Vue
0 vote159 views1 answer
Vue js destroyed
Javascript Vue
77 votes397 views6 answers
Install vue cli
Javascript Vue
7 votes138 views2 answers
Vue watch handler
Javascript Vue
0 vote125 views2 answers
Navbar route with params vue
Javascript Vue
0 vote124 views1 answer
Add font awesome to vue
Javascript Vue
2 votes127 views1 answer
How to run vue js project on different port
Javascript Vue