0

É possível implementar rotas privadas recebendo um token JWT no header e informações no body no ReactJs com o React Router?

3
  • Sim é possível.
    – Chance
    Commented 19/02/2019 às 3:13
  • sabe algum link com tutorial ou código de exemplo? Commented 20/02/2019 às 22:08
  • 1
    Então infelizmente não tenho nenhum projeto publico com este conteúdo, mas se não me engano no canal da Rocketseat vai ter algum conteúdo próximo disso.
    – Chance
    Commented 21/02/2019 às 17:26

1 Resposta 1

1

Eu utilizo dessa forma nas minhas aplica

const PrivateRoute = ({component: Component, ...rest}) => {
return (

    <Route {...rest} render={props => (
        isAuth() ?
            <Component {...props} />
        : <Redirect to="/signIn" />
    )} />
);
};

Esse isAuth() é um metódo que vem de um arquivo que eu utilizo pra ver se esta no localstorage

module.exports = {
isAuth(){
    var user = localStorage.getItem('current_user')
    if(!user)
        return false

    return true
}
}

E no seu arquivo de rotas só você utilizar o Private route quando quiser ter uma rota autenticada

<PrivateRoute path="/suaRota" component={ SeuComponent } />

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 .