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

1 vote172 views1 answer
Vue electron min width
Javascript Vue
0 vote174 views1 answer
Using vuejs-datepicker with Nuxt JS
Javascript Vue
13 votes193 views3 answers
Vuex v-model
Javascript Vue
0 vote167 views1 answer
Add font awesome to vue
Javascript Vue
11 votes172 views2 answers
Vue nextTick
Javascript Vue
8 votes174 views3 answers
Vue redirect to route
Javascript Vue
1 vote170 views1 answer
Vuelidate required if another props
Javascript Vue
0 vote186 views2 answers
Vuetify data table expanded icon example
Javascript Vue
6 votes177 views2 answers
Vue watch deep property
Javascript Vue
0 vote166 views2 answers
Vuejs accessing props from data
Javascript Vue