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

3 votes125 views2 answers
Vuex-module-decorators rawError globally
Javascript Vue
0 vote113 views1 answer
Use vuejs in laravel
Javascript Vue
0 vote115 views1 answer
Vue.js props undefined type
Javascript Vue
1 vote117 views1 answer
Vue test utils emitted
Javascript Vue
0 vote118 views1 answer
Pagination in b table in bootstrap vue
Javascript Vue
2 votes119 views1 answer
Clear input from file vue
Javascript Vue
-1 vote150 views3 answers
Uncaught ReferenceError: Vue is not defined
Javascript Vue
0 vote124 views1 answer
Vue.js watch event
Javascript Vue
0 vote90 views1 answer
Dateformat filter vue
Javascript Vue
0 vote128 views1 answer
Hide component on click vue
Javascript Vue