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
'JAVA > - Spring' 카테고리의 다른 글
[Spring boot] thymeleaf로 로그인 만들어 보기 (0) | 2022.04.17 |
---|---|
Spring boot, thymeleaf 연동시 js, css, 파일경로 인식하지 못할 때 (2) | 2022.04.15 |
JPA에서 쿼리를 쓰는 법 (1) | 2022.04.05 |
React와 Spring으로 로그인 화면 만들어보기 (9) | 2022.04.03 |
spring에서 간단하게 api 만들어 보기 (0) | 2022.03.07 |