24.01.16)TIL
2024-01-16 22:27:03
프론트 부분을 React로 만들면서 백엔드와 프론트를 연결하려다보니 서로 포트번호가 달라 CORS 문제가 생겼다. "Cross-Origin Resource Sharing" (CORS)는 웹 애플리케이션에서 리소스에 대한 HTTP 요청이 다른 도메인에서 온 경우를 다루는 보안 메커니즘입니다. 웹 브라우저는 보안상의 이유로 동일 출처 정책을 적용하여, 동일한 출처에서 온 요청만 허용합니다. 이 정책은 일반적으로 다른 도메인의 API에 접근하려는 경우에 문제가 됩니다. 해결하기 위한 여러가지 방법이 있었지만, 빈으로 등록해 백엔드에 있는 모든 API가 프론트에 접속하게 했다. @Configuration public class WebConfig implements WebMvcConfigurer { @Overri..