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 votes197 views2 answers
Global variable vuejs
Javascript Vue
5 votes173 views1 answer
Vue prop string or number
Javascript Vue
0 vote209 views1 answer
Vuejs v-model when enter pressed
Javascript Vue
0 vote173 views2 answers
Vuetify data table expanded icon example
Javascript Vue
1 vote173 views1 answer
How get first option in select in vue js
Javascript Vue
0 vote190 views1 answer
Vue electron name and icon
Javascript Vue
0 vote191 views1 answer
Js vue array change position
Javascript Vue
0 vote216 views2 answers
Vue Chartjs label false
Javascript Vue
0 vote184 views1 answer
Vue.js cdn script
Javascript Vue
2 votes178 views2 answers
Vue + change router link active class
Javascript Vue