É possível implementar rotas privadas recebendo um token JWT no header e informações no body no ReactJs com o React Router?
-
Sim é possível.– ChanceCommented 19/02/2019 às 3:13
-
sabe algum link com tutorial ou código de exemplo?– Vinicius DantasCommented 20/02/2019 às 22:08
-
1Entã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.– ChanceCommented 21/02/2019 às 17:26
Adicione um comentário
|
1 Resposta
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 } />