Maison > interface Web > js tutoriel > Comment définir l'autorisation de connexion pour le routage dans vue

Comment définir l'autorisation de connexion pour le routage dans vue

不言
Libérer: 2018-07-03 14:05:16
original
1822 Les gens l'ont consulté

Cet article présente principalement la méthode de définition de l'autorisation de connexion du routage dans Vue. Il est très bon et a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer

index.js

Définir des méta-attributs pour les itinéraires qui nécessitent des autorisations de connexion

meta:{requireAuth:true},
Copier après la connexion

main .js

Écrivez la vérification de l'itinéraire directement dans main.js

router.beforeEach((to, from, next) => {
  if (to.matched.some(record => record.meta.requireAuth)){ // 判断该路由是否需要登录权限
    if (sessionStorage.getItem("access_token")) { // 判断当前的token是否存在
      next();
    }
    else {
      next({
      path: '/manage',
      query: {redirect: to.fullPath} // 将跳转的路由path作为参数,登录成功后跳转到该路由
    })
    }
  }
  else {
    next();
  }
});
Copier après la connexion

Ce qui précède est tout le contenu de cet article. J'espère qu'il vous sera utile. L'apprentissage de tout le monde est utile. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois !

Recommandations associées :

Comment utiliser Vue pour personnaliser le composant du clavier numérique

À propos de la position de défilement de l'enregistrement de vue-scroller Introduction au code

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
vue
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal