[Spring boot] oauth2 CORS 에러

Question

네이버 CORS에러 입니다.Access to XMLHttpRequest at 'https://wili-be-ae9b2e96541b.herokuapp.com/naver/code/hxqrsaEm6LyBHVLukD/state/m6fm64hm9' from origin 'https://wili-pi.vercel.app' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.카카오 CORS에러 입니다.wili-pi.vercel.app/:1 Access to XMLHttpRequest at 'https://wili-be-ae9b2e96541b.herokuapp.com/kakao/code/TjAuq2SSc6lbLfBm5Efbi648UqoKiMJI9autl4-hlRUEzv4vYHDWb4LmqupGTGOb3y55ngoqJZAAAAGJXYw2Sg%7D' from origin 'https://wili-pi.vercel.app' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.밑의 코드는 Spring boot Cors관련 코드입니다.CorsConfig import org.springframework.context.annotation.Configuration; import org.springframework.web.servlet.config.annotation.CorsRegistry; import org.springframework.web.servlet.config.annotation.EnableWebMvc; import org.springframework.web.servlet.config.annotation.WebMvcConfigurer; @Configuration @EnableWebMvc public class CorsConfig implements WebMvcConfigurer { @Override public void addCorsMappings(CorsRegistry registry) { registry.addMapping("/kakao/**") .allowedOrigins("https://wili-pi.vercel.app") .allowedMethods("GET", "POST", "PUT", "DELETE") .allowedHeaders("*") .exposedHeaders("accessToken", "expireTime") .allowCredentials(true); registry.addMapping("/naver/**") .allowedOrigins("https://wili-pi.vercel.app") .allowedMethods("GET", "POST", "PUT", "DELETE") .allowedHeaders("*") .exposedHeaders("accessToken", "expireTime") .allowCredentials(true); } }SecurityConfig @Override protected void configure(HttpSecurity http) throws Exception { http .cors() .and() .logout().disable() .sessionManagement().sessionCreationPolicy(SessionCreationPolicy.STATELESS) .and() .csrf().disable() .httpBasic().disable() .authorizeRequests() .antMatchers("/test").authenticated() .antMatchers("/admin/**").hasRole("ADMIN") .antMatchers("/user/**").hasRole("USER") .antMatchers("/**").permitAll() .and() .addFilterBefore(new JwtAuthenticationFilter(jwtTokenProvider, redisTemplate), UsernamePasswordAuthenticationFilter.class); http.sessionManagement().sessionCreationPolicy(SessionCreationPolicy.STATELESS); }Controller / Naver@RequestMapping(value = "/naver/code/{code}/state/{state}", method = {RequestMethod.GET, RequestMethod.POST}) public ResponseEntity callBack(@PathVariable String code, @PathVariable String state) { log.info(code); log.info(state); OAuth2AccessToken oauthToken; try { oauthToken = naverLoginBO.getAccessToken(code, state); apiResult = naverLoginBO.getUserProfile(oauthToken); JSONObject json = new JSONObject(apiResult); String name = json.getJSONObject("response").getString("name"); String email = json.getJSONObject("response").getString("email"); String id = json.getJSONObject("response").getString("id"); Optional user = userService.findUserById(id); if (user.isEmpty()) { UserDto userDto = new UserDto(name, email, LoginProvider.NAVER.getValue(), id); userService.saveUser(userDto); } TokenDto tokenDto = tokenService.createTokens(email); ResponseCookie responseCookie = userService.createHttpOnlyCookie(tokenDto); return ResponseEntity.ok() .header(HttpHeaders.SET_COOKIE, responseCookie.toString()) .body("Name: " + name + ", Email: " + email+ ", id: " + id); } catch (IOException e) { // 예외 처리 return ResponseEntity.status(HttpStatus.INTERNAL_SERVER_ERROR).body("Failed to get user profile."); } }Controller / Kakao @RequestMapping(value = "/kakao/code/{code}", method = {RequestMethod.POST,RequestMethod.GET}) public String kakaoOauth(@PathVariable("code") String code) { log.info("인가 코드를 이용하여 토큰을 받습니다."); KakaoTokenResponse kakaoTokenResponse = kakaoTokenJsonData.getToken(code); log.info("토큰에 대한 정보입니다.{}",kakaoTokenResponse); KakaoUserInfoResponse userInfo = kakaoUserInfo.getUserInfo(kakaoTokenResponse.getAccess_token()); log.info("회원 정보 입니다.{}",userInfo); // userService.createUser(userInfo.getKakao_account().getEmail()); return userInfo.toString(); }CORS관련 설정은 전부 다 해본 것 같은데 아직도 에러가 해결되지 않습니다...현재 카카오와 네이버 로그인을 동시에 구현 중입니다.프론트에서 인가코드를 백에게 주면 백에서 인가코드를 가지고 사용자의 정보를 추출하는 알고리즘입니다.왜 이런 에러가 생겼는지 에러를 겪으신 분이 있으면 도와주세요...ㅠ

ykd · Answer

allow origin이 정확한지?네이버 콜백 도메인에 현재 테스트환경이 등록되었는지?(ex. 로컬호스트 등)

thlthl · Answer

allow origin 설정에 모든 요청의 응답에 가능하게끔 '*' 로 설정해서 테스트해보시고 그래도 안되시면 크롬에서 allow cors 앱 다운받아서 해결해보셔료

[Spring boot] oauth2 CORS 에러

2개의 답변

#naverapi 목록