CORS 에러 해결

현재 상황

node API 프로젝트를 리엑트 프로젝트에서 axios를 통해 사용하였을때 CORS관련 ERROR 발생

오류 원인

CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

CORS 정책: 요청된 리소스에 'Access-Control-Allow-Origin' 헤더가 없습니다.

-> CORS정책을 위반하여 발생한 에러

 

오류 분석

CORS

Cross-origin-resource-sharing : 교차 출처 리소스 공유

HTTP 헤더를 사용하여, 한 포트에서 실행 중인 웹 애플리케이션이 다른 포트의 자원에 접근할 수 있는 권한을 부여하는 정책

해결 방안

node 프로젝트에서 CORS 미들웨어를 사용하여 해결