VibeCoding 365 로고 VibeCoding 365

바이브 코딩 사전

교차 출처 리소스 공유

바이브 코딩 사전

교차 출처 리소스 공유

영어 표기

CORS (Cross-Origin Resource Sharing)

예시

localhost:3000 프론트엔드가 api.example.com을 호출하려면 API 서버가 해당 출처를 허용하는 CORS 헤더를 내려줘야 한다.

브라우저가 한 출처의 웹 페이지에서 다른 출처의 API를 호출할 때 적용하는 보안 규칙이다. 프론트엔드와 백엔드 도메인이 다르면 서버가 어떤 출처를 허용하는지 응답 헤더로 알려줘야 한다. 바이브 코딩 초보자가 '브라우저에서는 막히는데 터미널 curl은 된다'는 상황을 만날 때 CORS가 원인인 경우가 많다.

카테고리
보안·인증
난이도
basic
태그
CORS · 브라우저보안
슬러그
cors
상태
published
정렬 순서
108