trouble shooting - CORS

🛠️ 프로젝트 트러블슈팅

프론트엔드와의 데이터 통신 과정에서 발생한 CORS 이슈

🗂️ 관련 코드/파일 위치

🐛 SecurityConfiguration :

🛠️ WebConfiguration

🐛 문제 현상

SecurityConfiguration 클래스에 CORS 설정을 추가했음에도 불구하고, 웹 애플리케이션에서 CORS 문제가 계속 발생하였습니다.

💡 원인

CORS(Cross-Origin Resource Sharing) 문제는 웹 애플리케이션에서 다른 출처의 리소스를 요청할 때 보안을 위해 발생합니다. 이 문제의 주된 원인은 다음과 같습니다:

1. 잘못된 CORS 설정: SecurityConfiguration에서 설정한 CORS 값이 올바르지 않았거나, 필요한 설정이 누락되었을 수 있습니다.
2. 필터 순서 문제: 프로젝트에서 사용하는 보안 프레임워크(Spring Security 등)에는 여러 필터가 존재합니다. 이러한 필터들은 특정 순서로 실행되는데, CORS 필터가 먼저 실행되지 않고 다른 필터에 의해 먼저 차단되면, CORS 문제가 발생합니다.

🚧 해결 방법

CORS 문제 해결을 위한 필터 추가: HttpServletWrappingFilter 필터를 추가함으로써 CORS 문제를 해결했습니다. 이 필터를 추가함으로써 원하는 CORS 설정이 올바르게 적용되었고, 이로 인해 문제가 해결되었습니다.

필터 우선 순위 변경: WebConfiguration 클래스에서 HttpServletWrappingFilter를 가장 우선 순위로 설정했습니다. 이렇게 하면 HttpServletWrappingFilter가 모든 요청을 가장 먼저 처리하게 됩니다. 이는 다른 필터에 의해 CORS 설정이 무시되는 것을 방지하기 위함입니다.

📝 정리 및 결론

이번 CORS 문제는 HttpServletWrappingFilter를 가장 우선 순위로 설정하고, 해당 필터를 추가함으로써 해결되었습니다. 이는 다른 필터에 의해 CORS 설정이 무시되는 것을 방지하고, 원하는 CORS 설정이 올바르게 적용됨을 확인했습니다.

📚 참고 자료

https://kk-programming.tistory.com/66

📌 팁/주의사항

CORS 문제는 보안과 관련된 문제로, 다른 보안 필터와 충돌할 가능성이 항상 있습니다. 따라서 필터의 실행 순서를 올바르게 설정하고, 필요한 CORS 설정이 올바르게 적용되었는지 항상 확인하는 것이 중요합니다. 또한, 가능하다면 CORS 정책을 통해 허용할 출처를 최소화하여 보안을 강화하는 것이 좋습니다.