1

Como permitir ou impedir que um usuário acesse determinada página? Digamos que o usuário não tenha permissão para acessar a página finanças. Onde eu informo na rota do vuejs as permissões de acesso dessa página? Lembrando que essas permissões serão setadas no localStorage oriundas de um backend em laravel.

2
  • Você acha uma boa ideia fazer as validações de permissão no frontend?
    – Jéf Bueno
    19/01/2018 às 12:28
  • Não. Nem imagino qual seja a melhor solução. Com o laravel puro, eu consigo trabalhar tranquilamente com essas permissões, contudo, agora com o vuejs, separando frontend e backend, não sei como trabalhar essas permissões já que um roda independente do outro. Vi um tutorial no youtube onde, após o login, com o JWT, o backend envia um token para o frontend mas apenas de validação. Ao fazer alguma requisição, o vuejs envie novamente esse token e o backend valida ou não permitindo a execução da operação. Em suma, não sei como autenticar, permitir com laravel e vuejs.
    – Felipe Paz
    19/01/2018 às 12:32

1 Resposta 1

0

Você pode utilizar o beforeEach do Router ou outro equivalente se estiver utilizando outro router para validar todas as rotas protegidas, conforme a documentação, para validar o token e as permissões no backend e receber uma resposta simples de autorizado ou não do backend para que o frontend continue a navegação para a rota ou não.

Também pode definir um método beforeEnter pra validar uma rota específica:

const router = new VueRouter({
  routes: [
    {
      path: '/foo',
      component: Foo,
      beforeEnter: (to, from, next) => {
        // ...
      }
    }
  ]
})

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .