본문 바로가기

JAVA/- Spring

react router props 전달 & 브라우저에 쿠키 저장 해보기

localhost:3000과 localhost:8080에서 데이터를 이동할 때 쿠키 데이터는 옮겨지지 않았습니다.

 

이유1

react에서는 axios 요청을 보내는데 spring에서 모든 Access-Control-Allow-Origin *를 설정해주면 안됩니다. 즉 모든 도메인에 cors를 허용하면 안됩니다. postman으로 했을 때는 postman을 브라우저로 취급하지 않아서 가능했습니다.

 

 

이유2

쿠키를 사용하기 위해서는 기본적으로 http response와 request header에 Access-Control-Allow-Credentials이 true로 설정되어 있어야 합니다.

axios마지막 옵션에 { withCredentials : true } 로 만들어서 쿠키데이터를 저장할 수 있게 합니다.

 

 

참고:https://velog.io/@yhe228/react-router-props-axios-cookie-get-set

728x90