jsonp, cors 따로 세팅 없이 cross domain 문제 해결하기

https://robwu.nl/

우선적으로 이 서비스는 개인이 운영하고있는 서비스임을 알린다.

xmlhttprequest 통신시에 cross domain 이슈를 만나 이러지도 저러지도 못한채 쩔쩔매던 현실.

서버단에 세팅을 해주면 쉽게 해결되긴 하겠지만 서버단에 접근하지 못하는 상황에 맞닥뜨렸을 때

하늘에서 빛이 내려오는 것처럼 검색에 존재를 드러내주신

서론은 여기까지하고

cross domain 이슈를 해결하되 서버단을 건드리지 않고 해결하는 방법이다.

https://github.com/Rob--W/cors-anywhere

우선 이 서비스는 RobWu 님의 GitHub repository 를 기반으로 운영되고 있다.

자신의 서버를 구축하여 사용할 사람들은 저 URL로, 그럴 여건이 안되거나 귀찮은 사람들은 아래 간편한 방법이 있다.

function convertToCorsUrl(url){

var protocol = (window.location.protocol === 'http:' ? 'http:' : 'https:');

return protocol + '//cors-anywhere.herokuapp.com/' + url;

}

간단하다. url을 파라미터로 넘겨주면 result를 뱉어준다.

사실 내부 작업은 cors-anywhere.herokuapp.com 에서 모두 처리하며 cors 방지 로직이 적용된 서버에는 접근하지 못한다.

마지막으로 다시 한번 개발자분에게 감사를 올린다.