javascript - Problème de saut vue-router

Question

vue-router Dans
a, la page passe à la page b, la page b doit être connectée. Si vous n'êtes pas connecté, vous devez accéder à la page de connexion, puis à la page b. Vous pouvez maintenant accéder à la page b. page de connexion, mais vous devez y accéder après vous être connecté. Comment implémenter la page b Parce que la page b n'est pas une page fixe, il peut s'agir d'une page de sortie, d'une page du centre utilisateur, etc.

Answer 1

this.$router.go(-1);

Retour à l'itinéraire précédent ?

Answer 2

Ne serait-il pas sympa de revenir à la page précédente ?

Answer 3

Cela doit être traité sur la page de connexion, lorsque vous accédez à la page de connexion

http://登录页面URL/login?from=${encodeURLComponent(location.href)}

De cette façon, sur la page de connexion, vous pouvez obtenir le paramètre from dans queryString

Une fois l'authentification terminée, vous pourrez revenir en arrière selon cela à partir de

Answer 4

Veuillez vous référer à la fonction hook router.beforeEach dans le document officiel vue-router, qui peut être utilisée pour implémenter vos fonctions. Le principe est probablement :

每次路由跳转都经过beforeEach这个钩子函数，里面的逻辑是若目的地是你需要先校验登录状态再跳转的页面，则检查登录态，检查通过则调用next(),否则跳转到登录页，并且带上的query是目的页面的fullPath，用于登录后跳转到目的页面用。

Si vous avez des questions, veuillez discuter en privé~