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

77 votes417 views6 answers
Install vue cli
Javascript Vue
9 votes151 views3 answers
Vue 3 computed
Javascript Vue
3 votes145 views1 answer
Getter in action vuex
Javascript Vue
0 vote148 views1 answer
Vue get if checkbox is checked
Javascript Vue
1 vote146 views1 answer
Vuex getters
Javascript Vue
1 vote257 views2 answers
Vue 3 props
Javascript Vue
4 votes165 views3 answers
Vue computed
Javascript Vue
0 vote143 views1 answer
Vuejs take rgba values from coordinate
Javascript Vue
0 vote153 views1 answer
How to get 3rd level form data by $refs in vue
Javascript Vue
0 vote90 views1 answer
Npm install vue 2
Javascript Vue