CORS ERROR

주말 내내 주변의 팀원들이 개인의 사정으로 다 빠져 나가는 일이 생겼다. 작두를 탄 사람마냥 .. 갑자기 새벽에 거의 모든 api를 구현하고 3시간만에 일어나 배포를 다시 했다. 그런데 갑분.. 프론트 맴버가 찾아와 CORS 에러 매세지를 보여주었다.
이미 예측했던 문제라서 그닥 놀랍지는 않았지만.. 막상 만지려니 힘들었다.

첫번째 시도..

websecurityconfig.java 파일에서 filterchain 관련 내용에서 아래 코드를 넣고 그 맨 하단에 CorsConfiguration 메소드를 만든다. 해당되는 코드는 아래 하나더 붙어 넣고 보겠다.

http.cors();

@Bean  
public CorsConfigurationSource corsConfigurationSource() {  
    CorsConfiguration config = new CorsConfiguration();  
  
    config.addAllowedOrigin("http://dev-match.s3-website.ap-northeast-2.amazonaws.com/");  
    config.addAllowedOrigin("http://localhost:3000");  
    config.addExposedHeader(JwtUtil.AUTHORIZATION_HEADER);  
    config.addAllowedMethod("*");  
    config.addAllowedHeader("*");  
    config.setAllowCredentials(true);  
    config.validateAllowCredentials();  
  
    UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();  
    source.registerCorsConfiguration("/**", config);  
  
    return source;  
}

아래와 같이 수정을 한뒤에 당당하게 프론트를 담당하는 친구에게 다시 시도 해보라는 연락을 해 보았다. 그런데.. 또 안된다는 연락을 받았다... 우씨..

두번째 시도

같이 항해를 하는 친구들중에 친한 친구에게 가서 물어 보았다. 그랬더니 .. Controller에 Annotation을 추가 하라고 이야기를 했다.

@CrossOrigin(origins = "*", allowedHeaders = "*")

위 코드까지 쓰고 나니 ..잘 돌아갔다.