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 votes353 views1 answer
How to create a global variable in vue
Javascript Vue
0 vote354 views1 answer
How to use the onload event n vue js
Javascript Vue
0 vote342 views1 answer
Vuejs chatbot widget
Javascript Vue
0 vote363 views1 answer
Vuejs select placeholder
Javascript Vue
0 vote377 views1 answer
Vue problem (You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file)
Javascript Vue
0 vote337 views1 answer
Vuex store example medium
Javascript Vue
0 vote302 views1 answer
Dateformat filter vue
Javascript Vue
10 votes388 views2 answers
Vuejs set default value for prop
Javascript Vue
0 vote347 views1 answer
Vuejs pass all events to child
Javascript Vue
3 votes337 views1 answer
Getter in action vuex
Javascript Vue