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 vote253 views1 answer
How to send query parameters in url vuejs
Javascript Vue
0 vote247 views1 answer
Vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in nextTick: "RangeError: Maximum call stack size exceeded"
Javascript Vue
2 votes227 views1 answer
Vuejs truncate text
Javascript Vue
0 vote251 views2 answers
Vuetify validate child component
Javascript Vue
0 vote235 views1 answer
Cargar datos de un id con inner join vue js
Javascript Vue
1 vote246 views1 answer
Vue dynamic route push with params
Javascript Vue
1 vote259 views4 answers
For loop vue object
Javascript Vue
0 vote266 views1 answer
Vue function data update
Javascript Vue
1 vote235 views1 answer
Vue-resource patch
Javascript Vue
0 vote255 views1 answer
Show conditional header based on url in vue js
Javascript Vue