no 'access-control-allow-origin' header is present on the requested resource 오류

React 로 API 연동을 시도하던 중에 no 'access-control-allow-origin' header is present on the requested resource 라는 오류가 나왔다.

 

해결 방법은 구글링을 해보니 크롬에 플러그 인으로 Allow-Control-Allow-Origin를 설치하면 된다고 해서 해결했었다.

 

하지만 이건 프론트 엔드 문제가 아니고 서버 쪽 문제였다.

Cors ( 포트번호가 다르게 연결될 때 제약사항) 문제라고 한다.

서버에서 Cors 설정을 해줘서 해결됬다.

 

출처

kimyhcj.tistory.com/263