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 vote348 views1 answer
Webpack ReferenceError: process is not defined #871 electron vue
Javascript Vue
0 vote342 views1 answer
How to get 3rd level form data by $refs in vue
Javascript Vue
13 votes407 views5 answers
Vue js cdn link
Javascript Vue
0 vote324 views1 answer
Dynamically populate vue material table
Javascript Vue
2 votes348 views1 answer
Acces store from vue console javascript
Javascript Vue
-1 vote396 views3 answers
Vite vue 3 create new component cli
Javascript Vue
0 vote335 views1 answer
Import downloadCsv from "vue-json-csv";
Javascript Vue
0 vote343 views1 answer
Vue apollo refetch every x ms
Javascript Vue
0 vote332 views1 answer
Bindbidirectional vue js
Javascript Vue
0 vote348 views1 answer
Add font awesome to vue
Javascript Vue