안녕하세요.
현재 Front : NextJS, Backend : Spring boot를 이용하여 카카오 OAuth에 연동 개발을 진행하고 있습니다.
진행 하는 중에 cors 이슈가 해결이 안되서 문의드립니다.
Access to XMLHttpRequest at 'https://accounts.kakao.com/login?continue=https%3A%2F%2Fkauth.kakao.com%2Foauth%2Fauthorize%3Fscope%3Dprofile_nickname%2520profile_image%2520account_email%26response_type%3Dcode%26state%3DP22v6KcPAS09KtHVJRZ_CHZfjCweTkxELsxV143FQUo%253D%26redirect_uri%3Dhttps%253A%252F%252Faccount.kyobo-donots.com%252Flogin%252Foauth2%252Fcode%252Fkakao%26through_account%3Dtrue%26client_id%3Dfbb42a85fa25a8a5b85b5798a5b0891a' (redirected from 'https://account.kyobo-donots.com/oauth2/authorization/kakao?redirect_uri=https://kyobo-donots.com') from origin 'https://www.kyobo-donots.com' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
상기와 같은 상황입니다. 현재 backend에서는 redirect url로 front 페이지로 token jwt 감싸서 처리를 해놓으상태인데
url를 직접 치고 들어가면 문제가 없는데, 프론트 환경에서 백앤드를 호출하여 카카오를 호출 하면 상기와 같은 cors가 나오는 상황입니다.
해더도 하기 처럼 모든걸 열어 놓은 상태입니다.
response.setHeader(“Access-Control-Allow-Origin”, “");
response.setHeader(“Access-Control-Allow-Credentials”, “true”);
response.setHeader(“Access-Control-Allow-Methods”,"”);
좀처럼 해결이 안되서 문의드립니다.