Comment rediriger vers la connexion sans ajouter de route vers l'enregistrement de l'historique dans Vue ?

Question

Je suis sur la page : /foo et cliquer sur le bouton pour me rediriger vers /bar . Mais j'ai l'événement beforeEach route qui me redirige vers /login . après avoir ouvert une session, je suis redirigé vers /bar .

Quand je suis sur /bar Je clique sur le bouton retour et j'arrive à la page de connexion. En revanche, je veux arriver à la dernière page qui est /foo .

Comment puis-je le faire ? Y a-t-il un moyen de rediriger vers la connexion sans ajouter de route à l'enregistrement de l'historique ?

  router.beforeEach((to, from, next) => {
    if (!to.matched.some((record) => record.meta.auth)) { return next(); }

    return next({
      path: '/login',
    });
  });

Answer 1

Utilisez replace au lieu de push lorsque vous redirigez vers la page après la connexion (dans le composant de connexion).

loginSuccessed() {
 this.$router.replace(redirect);
}

Answer 2

Utilisez route.replace à la place de router.push. Il agit comme router.push, la seule différence est qu'il navigue sans pousser une nouvelle entrée d'historique, comme son nom le suggère - il remplace l'entrée actuelle.

succesffulyLoggedin() {
     this.$router.replace({ name: 'dashboard' });
}

lire les documents ici remplacement du routeur