리액트와 스프링 부트 및 스프링 시큐리티 활용에 대한 질문 (authorizeHttpRequests 관련)

Question

현재 며칠째 찾아보고 왜 안되는지 문제를 찾다가 답을 찾지 못해 혹시나 하는 마음에 질문올립니다.전체적인 상황으로는 먼저 구글 소셜로그인을 구현해보려고 하는 중입니다. 리액트와 스프링 부트를 활용하고 있구요.해당 과정에서 스프링 시큐리티를 활용해보고자 해서 살짝 찾아보고 코드를 작성했습니다.질문의 주제는왜 페이지 접근 권한을 세팅했는데 원하는대로 작동하지 않는가 입니다.아래와 같이 작성했는데 localhost:8081/ 에 대한 페이지 접근이 진행되면 바로 소셜로그인 페이지로 넘어가 버립니다.전체 상황 설명먼저 페이지에 대해 리액트에서 해당 사진과 같이 코드를 작성했구요리액트 코드 전체를 아래 블로그를 참고하여 통합해주었습니다. https://velog.io/&#64;cho876/SpringBoot-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-%EC%95%88%EC%97%90-React-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-%EB%84%A3%EA%B8%B0그래서 현재는 백엔드 서버 실행시키고 localhost:8081로 들어가면 주소별로 리액트로 작성한 ui가 잘 출력되는 상황입니다.또한 구글 소셜로그인을 진행하고 로그인을 하게되면 현재 연동해둔 db에 사용자 코드와 이름을 저장하는 기능까지는 구현을 했구요근데 시큐리티를 적용하고나서가 문제가 발생했습니다.저는 소개페이지 &#34;/&#34; 로그인 페이지 &#34;get-start&#34; 는 모든 사용자가 접근 가능하고나머지 서비스 페이지들은 로그인된 사용자에게만 접근이 가능하도록 설정하고 싶었고 https://github.com/kauai-kawaii/som-diary/commit/0cd280a9a5eaf54b6201d5087805e81443765daf위 링크와 같이 시큐리티 config 파일을 작성하였고 실행했는데 무조건 모든 페이지에 대한 접근이 막히고? 소셜로그인으로 넘어가버리는 상황입니다.... 소셜 로그인을 진행한 후에는 페이지 접근이 잘 됩니다...제가 authorizeHttpRequests 에 대하여 놓치고 있는 부분이 있을까요..? 다른 예제들은 (서버측 템플릿을 사용) 저렇게 작성하고 실행하면 문제 없이 잘 실행되던데 제가 한 부분들에서는 어떤 부분이 문제가 있는지 찾지 못하겠습니다..지금까지 머스테치 등 서버측 템플릿만 사용했었는데 이번 기회에 리액트와 같이 사용해보려고 하니 어렵기도 하고, 아직 스프링 시큐리티에 대한 이해도가 부족한 것 같습니다... 정말 답변 기다리고 있겠습니다... 열심히 찾고 로그도 천천히 읽어보고 하는데 답답하네요... 시간을 조만간 내서 스프링 시큐리티에 대해 깊이 공부하려고 하는데 지금 문제에 대한 답을 구하고싶어 이렇게 글을 올리게 되었습니다. 긴 글 읽어주셔서 감사합니다!

YESYESYES · Answer

requestMatcher 메서드를 사용하시는것을 보니 스프링 시큐리티 6.버전 이상이신가 봅니다 !제가 알기로는 6버전 이상부터는 스프링 MVC와 사용하려면 URL에 대한 권한 이전에 DispathcerType에 대한 권한도 주어야 하는것으로 알고있습니다.requestMatcher 메서드 앞에 '.dispatcherTypeMatchers(DispatcherType.FORWARD).permitAll()'를 한번 붙여보시겠어요 ?

리액트와 스프링 부트 및 스프링 시큐리티 활용에 대한 질문 (authorizeHttpRequests 관련)

1개의 답변

Q&A 목록