2

I want disable go to url "login" if user is logged in. I no use vuex. And I send ajax from method "beforeRouteEnter"(check login and maiby get data on page), but before, I go to route(I can see html component login page and url "/login") and after redirect from this page.

How to do what I did not go to the specified URL at all?

    beforeRouteEnter: (to, from, next) => {
        next(function (vm) {
            vm.$http.get('http://cake.vue.loc/api/checkLogin')
                .then(response => {
                    return response.json()
                })
                .then(response_data => {
                    if (response_data.status == 'success') {
                        vm.$router.push("/");
                    }
                });
        });
    }
Sanya
  • 95
  • 1
  • 7

1 Answers1

3

You may want to take a look at router.beforeEach instead of beforeRouteEnter. In fact, as the docs specify it : beforeRouteEnter is called before the route that renders this component is confirmed.

Here is how you would do it with beforeEach :

const router = new VueRouter({ ... })

router.beforeEach((to, from, next) => {
  let userIsLogged = // Call to your api
  if (to.name === "login" && userIsLogged) {
    // Redirect user to homepage
    return next({path: '/'})
  }
  // Let the user pass
  return next()
})

Hope it helps!

Thomas Lombart
  • 423
  • 2
  • 11
  • 1
    Well, do the same but replace userIsLogged with your Promise. I gave you the snippet to point you in the right direction but you should also test things and play around to have a better understanding of what you're doing :) – Thomas Lombart Sep 14 '18 at 12:17