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

5 votes188 views5 answers
Vue for loop
Javascript Vue
0 vote187 views1 answer
Vue router "savedposition" with ajax call
Javascript Vue
0 vote188 views1 answer
Vue-jstree
Javascript Vue
4 votes188 views1 answer
How to run a vue js hello world app in vue version 3
Javascript Vue
-1 vote192 views2 answers
How to call function from another component in vue js
Javascript Vue
0 vote204 views1 answer
Vue electron name and icon
Javascript Vue
0 vote194 views1 answer
How use a ExpressJS, VueJS, Jade together?
Javascript Vue
0 vote204 views1 answer
Vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in nextTick: "RangeError: Maximum call stack size exceeded"
Javascript Vue
6 votes210 views2 answers
Vue-cli-service
Javascript Vue
0 vote200 views1 answer
Vuejs get value of checkbox group
Javascript Vue