CORS (Cross-Origin Resource Sharing)
개발단계에서 브라우저가 동일 출처 정책(Same origin policy)를 지켜서 다른 출처의 리소스 접근을 막아서 발생
API 연동 시 발생함
해별하려면 크롬의 보안 설정을 변경해야하는데
보안 우려가 있기 때문에 크롬 바로가기를 하나 만들고
거기서만 CORS 가 unblock 되도록 설정함.
chrome://flags/#block-insecure-private-network-requests 에 들어가서 설정 disabled
또는
바로가기를 만들고 마우스 우클릭 > 속성 > 대상에서 --disable-web-security 추가하기
"C:\Program Files\Google\Chrome\Application\chrome.exe" --disable-web-security --user-data-dir=%LOCALAPPDATA%\Google\chromeTemp -–allow-file-access-from-files
크롬 콘솔에서 CORS policy에러가 뜨면서 접속되지 않는 경우
보통 이 경우는 jsp 등으로 로컬의 서비스 프로그램을 실행시키고자 했을 때 발생한다. 이때 IE로 하면 실행이 되는데 크롬에서 하면 실행이 안 되면서 CORS Policy가 뜬다면 다음과 같은 옵션을 Disab
jnaul.tistory.com
CORS 정리와 해결 방법 (Chrome)
Frontend 개발 시, API를 다루게 되면 CORS 문제를 쉽게 접할 수 있다. 외부 API에 접근을 하거나, 가장 쉽게 확인이 가능할 때에는 도메인에 올리기 전에 로컬 환경에서 개발을 할 때다.
velog.io