CORS 2

react와 spring boot

spring boot를 통해 rest api 서버를 구축하고, react를 통해 데이터를 가져와 화면에 뿌려주는 간단한 구현을 해보고자 한다. 매우매우 단순한 화면을 통해 프론트엔드 / 백엔드 연동 샘플을 만들고자 한다. *참고 git) https://github.com/kimseonguk197/react_spring_connect REACT 프로젝트 생성 커맨드창에 아래 명령어를 통해 react프로젝트를 생성한다.(mac기준, npm이 설치 됐다 가정하겠다.) npm create react-app myreact 에러가 나지 않았다면 해당 폴더로 이동후에 react를 실행한다 cd react-app npm start 3000번 port에 아래와 같은 이미지에 나왔다면, 정상 구체적인 코딩은 일단 스프링 ..

preflight시에 get만 cors에러나는 이유(post와의 차이 - origin null)

preflight -> xhr 로컬 브라우저에서 api서버로 리소스를 요청할때 아래와 같이 XHR (XML Http Request) 요청을 보내기 전에, preflight를 통해, 서버의 허용여부를 체크하게 된다. preflight시 get요청은 CORS에러 발생 서버와 도메인이 다르다면, CORS에러가 날 것이고 서버에서 CORS를 허용해준다면 요청이 정상적으로 처리 되어야 한다. 그런데, 서버에서 CORS에 대한 전체 허용을 해줘도 GET요청은 아래와 같이 에러가 발생한다. POST는 정상이다. orgin null이 문제 이유가 무엇일까? 일단 서버 프로그램을 하나씩 뜯어봐야 하지만, 결론을 말하자면 request헤더에 담겨 있는 origin이 null이라는 것이 문제이다. Spring 서버 프로그램..