Déterminer si la page est connectée

Cette fois je vais vous apporter les précautions pour déterminer si la page est connectée et si la page est connectée. Ce qui suit est un cas pratique, jetons un coup d'œil.

ressemble à ceci :

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

Avant de faire cela, ajoutez un attribut méta à l'itinéraire :

{
 path: '/index',
 meta: {
  title: '',
  requireAuth: true, // 添加该字段，表示进入这个路由是需要登录的
 },
}

Remarque : Mais le fait est que la plupart du temps, il n'y a pas de saut lors de la connexion, vous devez donc ajouter une section au chemin de saut de connexion :

if(this.$route.query.redirect){
//  let redirect = decodeURIComponent(this.$route.query.redirect);
  let redirect = this.$route.query.redirect;
  this.$router.push(redirect);
}else{
  this.$router.push('/');
 }

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

L'en-tête fixe du tableau fait défiler le formulaire horizontalement

Utilisation de la liste déroulante du plug-in déroulant Bootstrap conseils

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!