CORS 2

[Solved][CORS] Access to XMLHttpRequest at 'https://...' from origin 'https://...' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested reso..

문제상황 무사히 배포를 한 뒤에 프론트와 연결하자마자 뜬 에러. 해결방법 기존에 했던 cors설정을 다 뒤엎었다. [CorsConfig] @Configuration public class CorsConfig { @Bean public CorsFilter corsFilter() { UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource(); CorsConfiguration configuration = new CorsConfiguration(); configuration.setAllowCredentials(true); configuration.addAllowedOriginPattern("*"); configuration.add..

🚨에러노트 2022.10.17

[SPRING] Frontend와 협업 ! - CORS 원리 / 설정 (22.10.22 수정)

CORS란? 교차 출처 리소스 공유(Cross-Origin Resource Sharing, CORS) 교차 출처 ? = 다른 출처! 현재 IP가 아닌 다른 IP로 리소스를 요청하는 구조 즉, 리스소가 자신의 출처와 다를때 교차 출처 HTTP 요청을 실행하게 된다. 출처 (Origin) 란? 요청이 시작된 서버의 위치를 나타내는 문구 구성 스키마 Schema = Protocol 호스트 Host = Domain 포트 Port https://www.domain.com:3000/post https://www.domain.com:3000/post/id=?page=1 https://www.domain.com:3000/main/post/comment 👉 모두 출처 Origin 이 동일한 상태이다 ! SOP Same-..