Comment utiliser les gardes de routage en vue pour obtenir des idées de connexion? ?

Idées:
1. Définissez le routage pour le composant de notre page de connexion et définissez une valeur de méta-attribut pour enregistrer l'existence de la valeur du jeton
2. Définissez le routeur dans main.js, avant de définir la protection de routage globale, cliquez sur lorsque vous vous connectez in La valeur du jeton est stockée dans localStorage
3. Si localStorage obtient la valeur du jeton, laissez-le entrer dans la page où il veut se connecter, sinon il ne pourra pas entrer

• routage

{
    path: '/home',
    name: 'Home',
    component: Home,
    meta: {
      // 设置路由元数据
      Authorition: true
    },
}，
{
    path: '/login',
    name: 'Login',
    component: Login
  }

main.js

router.beforeEach((to, from, next) => {
  console.log('to', to)
  const token = localStorage.getItem('token')
  if (to.meta.Authorition) {
    if (token) {
      next()
    } else {
      router.push({ name: 'Login' })
    }
  } else {
    next()
  }
})

page de connexion

 goLogin() {
      this.$refs["login_form"].validate(async valid => {
        //表单通过validate方法实现整体表单，其中valid为true代表所有验证规则通过,否则报错
        if (valid) {
          //调用封装的login方法
          const result = await login(this.ruleForm);
          let { flag } = result;
          console.log(flag)
          if (flag === 2) {
            //登录成功，则中转回上次访问的页面
            this.$router.push('/home');
          }
        } else {
          //登录失败，给出失败的提示
          return false;
        }
      });
    }

Remarque: Le
jeton vaut la peine d'être obtenu lorsque vous vous connectez. Si vous encapsulez axios, vous devez obtenir le jeton et définir l'en-tête de la requête dans l'interception de la requête en fonction de vos besoins.

Autre:
quelle est la valeur du jeton?
Le jeton est en fait plus populaire et peut être appelé code secret. Avant que certaines données ne soient transmises, le code secret doit d'abord être vérifié. Différents codes secrets sont autorisés pour différentes opérations de données.

Le jeton vaut la peine d'être connu: https://www.jianshu.com/p/a2868b27675c