본문 바로가기
T.I.L. :: Today I Learned/항해99 14기 본과정

Day 61. CORS 잘가

by DaSsom 2023. 6. 2.

오늘 저녁은 김피탕이닷 ><

아 드디어 CORS 해결 !!!!!!!!!!

// 스프링 서버 전역적으로 CORS 설정
@Configuration
public class WebConfig implements WebMvcConfigurer {
    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/**")
        	.allowedOrigins("http://localhost:8080", "http://localhost:8081") // 허용할 출처
            .allowedMethods("GET", "POST") // 허용할 HTTP method
            .allowCredentials(true) // 쿠키 인증 요청 허용
            .maxAge(3000) // 원하는 시간만큼 pre-flight 리퀘스트를 캐싱
    }
}

결국 우리 시큐리티단에 설정이 잘 안되었던 것 같다. 다시금 싹 다 지우고 새롭게 설정! 

 

인파님 감사합니다

 

🌐 악명 높은 CORS 개념 & 해결법 - 정리 끝판왕 👏

악명 높은 CORS 에러 메세지 웹 개발을 하다보면 반드시 마주치는 멍멍 같은 에러가 바로 CORS 이다. 웹 개발의 신입 신고식이라고 할 정도로, CORS는 누구나 한 번 정도는 겪게 된다고 해도 과언이

inpa.tistory.com

 

그리고 nginx 프록시 설정에도 CORS 설정을 다시 해주었다. 우선 nginx를 삭제하고 다시 설치함 이전에 설정이 어떻게 어디서 잘못 꼬였는지 모르겠어서..

https://sub0709.tistory.com/67

 

[nginx] cross-origin 활성화하기

관련지식 nginx, COR, cross-originnginx를 사용하는 다른 도메인으로 AJAX 통신을 호출했을때 서버 로직은 정상적으로 실행되지만 response를 정상적으로 못받는 경우가 있습니다.크로스 도메인 정책에 의

sub0709.tistory.com

 

 

일단은 CORS 에러가 뜨지 않고 프론트에서도 정상적으로 요청-응답이 되고 있다. 오늘 하루동안 CORS 설정만 삽질했더니 정말 머리가 띠용이다 띠용-