리액트 라우터 인증체크 질문있습니다~!

Question

현재 서비스를프론트엔드는 리액트 &#43; 클래스 컴포넌트로 구현을 하고있고백엔드는 스프링 부트로 구현하고있습니다.이전에는 html &#43; 타임리프 &#43; 스프링부트로 구현했는데 이번엔 페이지새로고침없이 실시간으로 데이터를 확인해야하는 페이지를 구현해야해서 리액트로 개발중입니다.근데 리액트가 처음이라 로그인 후 메인 페이지접속시 권한체크를 어떻게 해야할지 감이 잘 오지않습니다.(url 직접접근도 제어해야함)이전에는 페이지를 보여주는 요청이 모두 백엔드로 오기때문에 백엔드/인터셉터에서 세션체크하고 인증이 되면 화면을 띄워지게 구현을했지만 리액트에서는 리액트 라우터를 통해 페이지 이동을 하기에 백단으로 요청을하지않고 프론트내에 페이지가 변환이 되기 때문에 인증을 어떻게 해야할지 모르겠습니다.인증이 필요한 페이지접속시 인증api 를 발송해서 현재 쿠키에 있는 세션id 로 생성된 세션이 있는지 확인하고 있으면 페이지전환이 가능하게 해야할지.. 잘 모르겠습니다.경험이 있으신분 계시면 조언좀 부탁드리겠습니다.. 감사합니다.

김을동 · Answer

jwt를 찾아보세요!

fluorvrey · Answer

로그인시 사용자 정보를 가져올때 권한정보도 함께 가져와서 권한 없으면 메인페이지 혹은 이전 페이지로 라우팅 하시면 될거같습니다.

Clickin · Answer

Router 컴포넌트 정의 쪽에서 처리하실 수 있습니다.https://stackoverflow.com/questions/42768620/onenter-not-called-in-react-router

리액트 라우터 인증체크 질문있습니다~!

3개의 답변

기술 목록