react 프라이빗라우터 구현 어떻게하세요?

Question

안녕하세요,리액트&#43;jwt 구성해서 사용라 회원가입 로그인을했는데요로그인한 사용자만 접근가능한 페이지 예를들면 글작성페이지 같은경우 어떤식으로 접근을막으시나요?react-query로 사용자 인증 api를 날려서 처리해준다. 이경우 캐싱처리를해줘서 매번 사용자 확인에 네트워크 소비를 할 필요가없다.인증된 사용자만 접근가능한 페이지를 들어갈때마다 api를 쏴서 토큰 유효기간 및 리프레시토큰 유효기간을 확인해준다.2번이 네트워크 소비가 좀 되더라도 인증이 필요한 페이지는 그렇게 해주는게 맞다고 생각이드는데 어떤가요?

DevLala · Answer

어차피 인증된 jwt나 세션키 없으면 알아서 API 찔렀을 때 unauthorized 보내올 거고 그러면 로그인 페이지 같은 곳으로 보내면 돼죠. 그리고 프론트에서 할 일은 jwt나 세션키가 없으면 마찬가지로 로그인 페이지 같은 곳으로 보내면 됩니다. 그리고 jwt면 이미 jwt가 유효기간 갖고 있습니다...

하는만큼보인다 · Answer

매번 보내는 것 보다는 클라이언트 측에서 우선적으로 해당 유저가 로그인 상태인지 구분하는 로직을 짜두고( 이부분은 서버에서 상태 정보를 방문자가 홈페이지 접속 시 로그인 유무 정보를 쿠키로 설정해서 보내주던지 하면 되지 않을까 싶어요), 만일 이 부분이 악의적인 사용자에 의해서 뚫린 경우에는 2차적으로 서버가 권한 있는 사용자인지 확인하도록 하면 좋지 않을까 넌지시 의견을 남기고 자러 가봅니다.

react 프라이빗라우터 구현 어떻게하세요?

2개의 답변

#priveate 목록