Skip to main content
adicionou 7 caracteres ao conteúdo
Fonte Link

Estou configurando as rotas da minha aplicação em Vue.jsVue.js, inicialmente esta tudo OK, após fazer o login o usuário é redirecionado para o dashboard, agora minha dúvida é como posso evitar que o usuário acesse a rota "/logiloginn"" (de novo) depois que ele já fez o login e redirecioná-lo de volta à rota anterior? (que ele estava antes de digitar na barra de endereço "/login")

lendoLendo a documentação do Vue, eu sei que posso utilizar das navigation guards, e usando a global router.beforeEach, que possui três parâmetros: to, from e next, sei que posso manipular esse comportamento usando o from para retornar o usuário para a rota anterior caso ele acesse o "/login" enquanto logado., mas ainda não consegui fazer com que ele fosse redirecionado.

eis meu exemplo de código: router/beforeEach.js

import { checkUserToken } from 'src/utils/storageData'

const isAuthRoute = route => route.path.indexOf('/login') !== -1

const isLogged = () => !checkUserToken()

const needAuth = auth => auth === true

const beforeEach = (to, from, next) => {
  const auth = to.meta.requiresAuth

  // verifica se a rota requer autenticação
  if (needAuth(auth)) {
    // verifica se o usuário já está autenticado
    if (!isAuthRoute(to) && !isLogged()) {
      next('/login')
    } else {
      if (isLogged() && to.path === '/login') {
        from()
      }
      next()
    }
  } else {
    next()
  }
}

export default beforeEach

router/index.js:

import Vue from 'vue'

import VueRouter from 'vue-router'

import {routes} from './routes'

import beforeEach from './beforeEach'

Vue.use(VueRouter)

const router = Vue.router = new VueRouter({
  linkActiveClass: 'active',
  saveScrollPosition: true,
  mode: 'history',
  base: __dirname,
  routes
})

// pega as configurações do import acima
router.beforeEach(beforeEach)

export default router

Estou configurando as rotas da minha aplicação em Vue.js, inicialmente esta tudo OK, após fazer o login o usuário é redirecionado para o dashboard, agora minha dúvida é como posso evitar que o usuário acesse a rota "/login" (de novo) depois que ele já fez o login e redirecioná-lo de volta à rota anterior? (que ele estava antes de digitar na barra de endereço "/login")

lendo a documentação do Vue, eu sei que posso utilizar das navigation guards, e usando a global router.beforeEach, que possui três parâmetros: to, from e next, sei que posso manipular esse comportamento usando o from para retornar o usuário para a rota anterior caso ele acesse o "/login" enquanto logado. mas ainda não consegui fazer com que ele fosse redirecionado.

eis meu exemplo de código: router/beforeEach.js

import { checkUserToken } from 'src/utils/storageData'

const isAuthRoute = route => route.path.indexOf('/login') !== -1

const isLogged = () => !checkUserToken()

const needAuth = auth => auth === true

const beforeEach = (to, from, next) => {
  const auth = to.meta.requiresAuth

  // verifica se a rota requer autenticação
  if (needAuth(auth)) {
    // verifica se o usuário já está autenticado
    if (!isAuthRoute(to) && !isLogged()) {
      next('/login')
    } else {
      if (isLogged() && to.path === '/login') {
        from()
      }
      next()
    }
  } else {
    next()
  }
}

export default beforeEach

router/index.js:

import Vue from 'vue'

import VueRouter from 'vue-router'

import {routes} from './routes'

import beforeEach from './beforeEach'

Vue.use(VueRouter)

const router = Vue.router = new VueRouter({
  linkActiveClass: 'active',
  saveScrollPosition: true,
  mode: 'history',
  base: __dirname,
  routes
})

// pega as configurações do import acima
router.beforeEach(beforeEach)

export default router

Estou configurando as rotas da minha aplicação em Vue.js, inicialmente esta tudo OK, após fazer o login o usuário é redirecionado para o dashboard, agora minha dúvida é como posso evitar que o usuário acesse a rota "/login" (de novo) depois que ele já fez o login e redirecioná-lo de volta à rota anterior? (que ele estava antes de digitar na barra de endereço "/login")

Lendo a documentação do , eu sei que posso utilizar das navigation guards, e usando a global router.beforeEach, que possui três parâmetros: to, from e next, sei que posso manipular esse comportamento usando o from para retornar o usuário para a rota anterior caso ele acesse o "/login" enquanto logado, mas ainda não consegui fazer com que ele fosse redirecionado.

eis meu exemplo de código: router/beforeEach.js

import { checkUserToken } from 'src/utils/storageData'

const isAuthRoute = route => route.path.indexOf('/login') !== -1

const isLogged = () => !checkUserToken()

const needAuth = auth => auth === true

const beforeEach = (to, from, next) => {
  const auth = to.meta.requiresAuth

  // verifica se a rota requer autenticação
  if (needAuth(auth)) {
    // verifica se o usuário já está autenticado
    if (!isAuthRoute(to) && !isLogged()) {
      next('/login')
    } else {
      if (isLogged() && to.path === '/login') {
        from()
      }
      next()
    }
  } else {
    next()
  }
}

export default beforeEach

router/index.js:

import Vue from 'vue'

import VueRouter from 'vue-router'

import {routes} from './routes'

import beforeEach from './beforeEach'

Vue.use(VueRouter)

const router = Vue.router = new VueRouter({
  linkActiveClass: 'active',
  saveScrollPosition: true,
  mode: 'history',
  base: __dirname,
  routes
})

// pega as configurações do import acima
router.beforeEach(beforeEach)

export default router
Bumped by Community user
Bumped by Community user
Bumped by Community user
Bumped by Community user
Bumped by Community user
Bumped by Community user
Bumped by Community user
Bumped by Community user
Bumped by Community user
Bumped by Community user
Bumped by Community user
Bumped by Community user
Bumped by Community user
Correções de formatação
Fonte Link
Rafael Augusto
  • 4,1mil
  • 2
  • 20
  • 47

Estou configurando as rotas da minha aplicação em Vue.js, inicialmente esta tudo OK, após fazer o login o usuário é redirecionado para o dashboarddashboard, agora minha dúvida é como posso evitar que o usuário acesse a rota "/login"/login" (de novo) depois que ele já fez o login e redirecioná-lo de volta à rota anterior? (que ele estava antes de digitar na barra de endereço "/login"/login")

lendo a documentação do Vue, eu sei que posso utilizar das navigation guards, e usando a global router.beforeEach, que possui três parâmetros: to, from e next, sei que posso manipular esse comportamento usando o from para retornar o usuário para a rota anterior caso ele acesse o "/login"/login" enquanto logado. mas ainda não consegui fazer com que ele fosse redirecionado.

eis meu exemplo de código: router/beforeEach.jsrouter/beforeEach.js

import { checkUserToken } from 'src/utils/storageData'

const isAuthRoute = route => route.path.indexOf('/login') !== -1

const isLogged = () => !checkUserToken()

const needAuth = auth => auth === true

const beforeEach = (to, from, next) => {
  const auth = to.meta.requiresAuth

  // verifica se a rota requer autenticação
  if (needAuth(auth)) {
    // verifica se o usuário já está autenticado
    if (!isAuthRoute(to) && !isLogged()) {
      next('/login')
    } else {
      if (isLogged() && to.path === '/login') {
        from()
      }
      next()
    }
  } else {
    next()
  }
}

export default beforeEach

router/index.js:

import Vue from 'vue'

import VueRouter from 'vue-router'

import {routes} from './routes'

import beforeEach from './beforeEach'

Vue.use(VueRouter)

const router = Vue.router = new VueRouter({
  linkActiveClass: 'active',
  saveScrollPosition: true,
  mode: 'history',
  base: __dirname,
  routes
})

// pega as configurações do import acima
router.beforeEach(beforeEach)

export default router

Estou configurando as rotas da minha aplicação em Vue.js, inicialmente esta tudo OK, após fazer o login o usuário é redirecionado para o dashboard, agora minha dúvida é como posso evitar que o usuário acesse a rota "/login" (de novo) depois que ele já fez o login e redirecioná-lo de volta à rota anterior? (que ele estava antes de digitar na barra de endereço "/login")

lendo a documentação do Vue, eu sei que posso utilizar das navigation guards, e usando a global router.beforeEach, que possui três parâmetros: to, from e next, sei que posso manipular esse comportamento usando o from para retornar o usuário para a rota anterior caso ele acesse o "/login" enquanto logado. mas ainda não consegui fazer com que ele fosse redirecionado.

eis meu exemplo de código: router/beforeEach.js

import { checkUserToken } from 'src/utils/storageData'

const isAuthRoute = route => route.path.indexOf('/login') !== -1

const isLogged = () => !checkUserToken()

const needAuth = auth => auth === true

const beforeEach = (to, from, next) => {
  const auth = to.meta.requiresAuth

  // verifica se a rota requer autenticação
  if (needAuth(auth)) {
    // verifica se o usuário já está autenticado
    if (!isAuthRoute(to) && !isLogged()) {
      next('/login')
    } else {
      if (isLogged() && to.path === '/login') {
        from()
      }
      next()
    }
  } else {
    next()
  }
}

export default beforeEach

router/index.js:

import Vue from 'vue'

import VueRouter from 'vue-router'

import {routes} from './routes'

import beforeEach from './beforeEach'

Vue.use(VueRouter)

const router = Vue.router = new VueRouter({
  linkActiveClass: 'active',
  saveScrollPosition: true,
  mode: 'history',
  base: __dirname,
  routes
})

// pega as configurações do import acima
router.beforeEach(beforeEach)

export default router

Estou configurando as rotas da minha aplicação em Vue.js, inicialmente esta tudo OK, após fazer o login o usuário é redirecionado para o dashboard, agora minha dúvida é como posso evitar que o usuário acesse a rota "/login" (de novo) depois que ele já fez o login e redirecioná-lo de volta à rota anterior? (que ele estava antes de digitar na barra de endereço "/login")

lendo a documentação do Vue, eu sei que posso utilizar das navigation guards, e usando a global router.beforeEach, que possui três parâmetros: to, from e next, sei que posso manipular esse comportamento usando o from para retornar o usuário para a rota anterior caso ele acesse o "/login" enquanto logado. mas ainda não consegui fazer com que ele fosse redirecionado.

eis meu exemplo de código: router/beforeEach.js

import { checkUserToken } from 'src/utils/storageData'

const isAuthRoute = route => route.path.indexOf('/login') !== -1

const isLogged = () => !checkUserToken()

const needAuth = auth => auth === true

const beforeEach = (to, from, next) => {
  const auth = to.meta.requiresAuth

  // verifica se a rota requer autenticação
  if (needAuth(auth)) {
    // verifica se o usuário já está autenticado
    if (!isAuthRoute(to) && !isLogged()) {
      next('/login')
    } else {
      if (isLogged() && to.path === '/login') {
        from()
      }
      next()
    }
  } else {
    next()
  }
}

export default beforeEach

router/index.js:

import Vue from 'vue'

import VueRouter from 'vue-router'

import {routes} from './routes'

import beforeEach from './beforeEach'

Vue.use(VueRouter)

const router = Vue.router = new VueRouter({
  linkActiveClass: 'active',
  saveScrollPosition: true,
  mode: 'history',
  base: __dirname,
  routes
})

// pega as configurações do import acima
router.beforeEach(beforeEach)

export default router
Tweeted twitter.com/StackOverflowPT/status/833198609621454848
Fonte Link
Leandro
  • 377
  • 3
  • 12

Vue Router: evitar que usuário acesse a rota de login se ele já estiver logado

Estou configurando as rotas da minha aplicação em Vue.js, inicialmente esta tudo OK, após fazer o login o usuário é redirecionado para o dashboard, agora minha dúvida é como posso evitar que o usuário acesse a rota "/login" (de novo) depois que ele já fez o login e redirecioná-lo de volta à rota anterior? (que ele estava antes de digitar na barra de endereço "/login")

lendo a documentação do Vue, eu sei que posso utilizar das navigation guards, e usando a global router.beforeEach, que possui três parâmetros: to, from e next, sei que posso manipular esse comportamento usando o from para retornar o usuário para a rota anterior caso ele acesse o "/login" enquanto logado. mas ainda não consegui fazer com que ele fosse redirecionado.

eis meu exemplo de código: router/beforeEach.js

import { checkUserToken } from 'src/utils/storageData'

const isAuthRoute = route => route.path.indexOf('/login') !== -1

const isLogged = () => !checkUserToken()

const needAuth = auth => auth === true

const beforeEach = (to, from, next) => {
  const auth = to.meta.requiresAuth

  // verifica se a rota requer autenticação
  if (needAuth(auth)) {
    // verifica se o usuário já está autenticado
    if (!isAuthRoute(to) && !isLogged()) {
      next('/login')
    } else {
      if (isLogged() && to.path === '/login') {
        from()
      }
      next()
    }
  } else {
    next()
  }
}

export default beforeEach

router/index.js:

import Vue from 'vue'

import VueRouter from 'vue-router'

import {routes} from './routes'

import beforeEach from './beforeEach'

Vue.use(VueRouter)

const router = Vue.router = new VueRouter({
  linkActiveClass: 'active',
  saveScrollPosition: true,
  mode: 'history',
  base: __dirname,
  routes
})

// pega as configurações do import acima
router.beforeEach(beforeEach)

export default router