CORS 너는 누군데!! 나를 괴롭히냐..

개요

문제가 있던 글 <-- 여기에서 문제가 발생했다.. 바로

CORS

CORS 정책 오류였다.  이 문제 덕분에 3~4시간이 없어졌다. 

해결

이 문제를 해결하기 위해 나는 CORS와 위 오류에 대해 구글링을 했다.

위 문제는 Origin이 다르기 때문에 발생한 문제였다.

문제의 해결책은 두 가지가 있었다.

• 서버에서 Access-Control-Allow-Origin 헤더에 클라이언트 출처를 허용

• 프록시 서버 이용하기였다.

일단 나는 아직 서버를 만들 수 있는 능력이 없기에 울며 겨자 먹기로 프록시 서버를 알아보았다. 다행이도 남이 만든 프록시 서버를 사용할 수 있다고 한다. 내가 사용한 프록시 서버는 https://cors-anywhere.herokuapp.com/ 이다.

사용방법은 굉장히 심플했다.

먼저 저 사이트에 들어가 demo 버튼을 누르면 사용할 수 있다. 그다음 요청을 보낼 때

url: " https://cors-anywhere.herokuapp.com/ https://example.api"  이런 식으로 api 주소 앞에 붙여주면 된다.

회고

백엔드를 지식이 없어서 생긴 문제였다. 착실히 백엔드 지식을 공부해나가야 할 것 같다.

역시 실전에서 배우면서 깨지는 것이 확실히 빨리 와닿아서 공부가 더 잘되는 것 같다.