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

0 vote150 views1 answer
Export data from paginated api javascript vuetify
Javascript Vue
2 votes161 views1 answer
Vue component lifecycle
Javascript Vue
0 vote150 views1 answer
Chunks bug vue js
Javascript Vue
0 vote163 views1 answer
Infinite scrolling firestore vuejs
Javascript Vue
0 vote135 views1 answer
Add rows to the table dynamically with the use of vue.js
Javascript Vue
1 vote154 views1 answer
Vue create component
Javascript Vue
0 vote147 views1 answer
How to load js in vuejs components
Javascript Vue
0 vote168 views1 answer
Webpack ReferenceError: process is not defined #871 electron vue
Javascript Vue
1 vote151 views2 answers
Vue watch props
Javascript Vue
0 vote150 views1 answer
You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build.
Javascript Vue