본문 바로가기
개발 관련

cors 란 무엇인가

by heybrro 2020. 10. 18.

access-origin

즉 웹과 was 가 같아야 함
웹에서 나타나는 문제
(web) localhost:8080-> (was) localhost:8081
이렇게 호출하면 나타남

해결하기 위해서는 서버(was)가 데이터를 내려줄때 header에 access-control-allow-origin 값에 관련 허용(*)을 해줘야 함

-
주소가 다른 웹과 was간에 쿠키 전송 가능하게 하기 위해서는 ?
서버에서 2가지 해줘야 함. (1) 위 cors 설정 + (2)응답 헤더로 Access-Control-Allow-Credentials 옵션도 설정해주셔야 쿠키가 전송됩니다. Access-Control-Allow-Credentials를 true로 설정하고 Access-Control-Allow-Origin 옵션도 *가 아닌 정확한 도메인을 적어주면 됩니다

웹에서는 withCredentials: true
백엔드와 프론트엔드의 도메인 주소가 다른 경우가 많습니다. 이들간에는 쿠키 전송이 되지 않으므로 로그인이 유지되지 않아서 당황하시는 경우가 많습니다. 특히 개발자도구 Network 탭에서 Response Header에 Set-Cookie는 있는데 Application 탭에서 Cookie를 체크해보면 뜨지 않아서 어디가 문제인지 난처한 경우가 있습니다.
web에서는 요청할때 withcredentials 설정 필요

'개발 관련' 카테고리의 다른 글

React.js 시작하기  (0) 2020.11.18
skplanet의 msa 강좌 요약  (0) 2020.10.27
Web RTC 란?  (0) 2020.10.16
[스크랩] Vue와 Firebase로 모던웹사이트 만들기  (0) 2020.01.09
[unity] 유용한 asset  (0) 2020.01.02

댓글