CORS 에러를 도와주실 분 계신가요... 사례하겠습니다...

Question

현재 백엔드 서버의 도메인은 *** 입니다.ALB와 Cognito를 연동하여 인증 처리를 하고 ALB가 백엔드 서버로 라우팅 하는 구성으로 되어있습니다.프론트엔드 도메인은 *** 입니다. 백엔드에서 CORS 설정을 모두 해두었습니다. 프론트 개발 origin과 s3 &#43; cloudfront로 서빙하는 origin 모두 allowedOrigins에 포함시켰습니다.브라우저 개발자 도구에서 ***으로 fetch를 찍어보니 여전히 CORS 문제가 발생하고 있습니다. (Origin은 ***) preflight 요청은 정상적으로 응답이 오는데, GET, POST 등으로 본요청을 보낼 때는 CORS 문제가 발생하네요.. 어떻게 해결할 수 있을까요? 도와주시면 정말 감사하겠습니다.. Springboot Configuation 설정은 다음과 같습니다.&#64;Configuration &#64;EnableWebMvc class WebMvcConfig : WebMvcConfigurer { override fun addResourceHandlers(registry: ResourceHandlerRegistry) { registry.addResourceHandler(&#34;/static/**&#34;).addResourceLocations(&#34;classpath:/static/&#34;) registry.addResourceHandler(&#34;swagger-ui.html&#34;).addResourceLocations(&#34;classpath:/static/swagger-ui/&#34;) } override fun addCorsMappings(registry: CorsRegistry) { registry.addMapping(&#34;/**&#34;) .allowedOrigins(&#34;***&#34;, &#34;http://localhost:3000&#34;, &#34;***&#34;) .allowedMethods(&#34;GET&#34;, &#34;POST&#34;, &#34;PUT&#34;, &#34;PATCH&#34;, &#34;DELETE&#34;, &#34;OPTIONS&#34;) .allowedHeaders(&#34;*&#34;) .allowCredentials(true) } } ALB Rule은 다음과 같습니다.

미와경부 · Answer

cors… 골치 덩어리죠.. 저는 유튜브 cors불러오는 에러였는데 video 로 바꿔서 조치했습니다.. 저건 좀 난해하군요 백쪽이라..다르게 수정해야할거 같아요

RWB · Answer

두 가지 원인이 복합적으로 작용했습니다.302 응답이 뜬 이유는 인증 실패 때문입니다. 별다른 설정을 하지 않았다면, 스프링 시큐리티는 개발자가 정해놓은 로그인 페이지로 리다이렉션을 시도합니다.리다이렉션 경로는 아래의 사진에서 Location을 보시면 됩니다.https://synnote-production.auth.api... 로 시작하는 URL을 확인하실 수 있습니다.여기서 두 번째 문제가 발생하는데, 리다이렉션 하려는 페이지의 도메인은 CORS 등록이 되어있지 않습니다.브라우저는 리다이렉션 요청이 들어올 경우, 리다이렉션 대상 도메인으로 요청을 보냅니다.문제는 해당 도메인의 CORS 설정에 www.synnote.com이 등록되어있지 않으니, CORS를 일으키는 것입니다.별도의 인증 서버 같은데, CORS 설정에 위 도메인도 같이 추가해주세요

슬프다 · Answer

[Error] Cross-origin redirection to https://synnote-production.auth.ap-northeast-2.amazoncognito.com/oauth2/authorize?client_id&#61;3qd90vqvro37vkqt6vdea4d027&redirect_uri&#61;https%3A%2F%2Fdev.synnote.com%2Foauth2%2Fidpresponse&response_type&#61;code&scope&#61;openid&state&#61;7ue8Y0K25QrnMneO1uuGLxpRkUIvZjcaLM6wEL6dPW6XzfkgTuQMR4ciQpNmuR4mm%2F8EF%2F38HbQo%2BvxevJBnfQjsZUlJcrjR9N%2BnowhRtApm8K4h1qH8LqRAiaUkVvpEPWOiKgM23hl9%2F5xdVw9kBcv2FvU79QICcBQUHagA64jRui5BgeGBrcq8BbnmlRI9u8xVem1vgnxwcFKKS82S%2BqVBSSrGlfwpbIlPFZ%2BNIqf0CNLvsa35lW8jrMGmG4%2Fi%2FP1Lp0uN%2Bck%3D denied by Cross-Origin Resource Sharing policy: Origin https://www.synnote.com is not allowed by Access-Control-Allow-Origin. Status code: 302 로그아웃을 하고(브라우저에 쿠키가 없는 상태) 다시 요청을 보내니, cognito에서 리다이렉트 해준 도메인에서 다시 CORS 문제가 발생했습니다..

CORS 에러를 도와주실 분 계신가요... 사례하겠습니다...

3개의 답변

#cognito 목록