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 vote180 views1 answer
Fetch in vue 3
Javascript Vue
-2 votes217 views1 answer
Vue js get routes
Javascript Vue
0 vote179 views1 answer
How to replace an array vue.js
Javascript Vue
1 vote181 views1 answer
Vue dynamic route push with params
Javascript Vue
-1 vote180 views1 answer
Fixed header on scroll vuejs
Javascript Vue
0 vote199 views1 answer
Jsconfig for default vue
Javascript Vue
0 vote180 views1 answer
How to load js in vuejs components
Javascript Vue
0 vote198 views1 answer
How to send query parameters in url vuejs
Javascript Vue
0 vote181 views1 answer
Vue js data property in component must be a function
Javascript Vue
8 votes196 views4 answers
Vue 3 create app
Javascript Vue