CORS 간단 해결법

웹 개발하다보면 CORS를 한 번 쯤은 마주 했을 것입니다.
여러가지 해결법이 있을텐데 이번엔 개발한 코드가 정상 작동하는지 확인하는 용도로 간단한 방법을 소개해 드리려고 합니다.

1. cors-anywhere

cors anywhere는 프록시 된 요청에 CORS 헤더를 추가하는 Node.js 프록시입니다. MIT 라이센스로 자유롭게 사용이 간단하지만, 사용자의 남용을 방지하기 위해서 2021년 2월 1일부터 https://cors-anywhere.herokuapp.com/ 사이트에 들어가서 방문자가 사용하겠다고 데모 버튼을 눌러서 잠금을 해제해야만 사용할 수 있게 바꼈습니다.

 

사용법

 

http://cors-anywhere.herokuapp.com/corsdemo/(사용할 api 요청 url주소)

예) http://cors-anywhere.herokuapp.com/corsdemo/http://localhost:8080/api/test

 

 

2.https://cors.bridged.cc/

cors-anywhere와 비슷한 방법이긴 하지만, 위 사이트로 방문하여 api키를 발급 받아서 axios로 api를 요청하면 방문자의 잠금 해제가 필요없습니다.

사용법

https://proxy.cors.sh/(사용할 api 요청 url주소)

예) https://proxy.cors.sh/http://localhost:8080/api/test

단, 사용해본 결과 위 방법도 횟수가 많아지면 남용 방지를 위해서인지 사용을 막는 것 같습니다.

 

결국.. 서버를 새로 구축해서 사용하는게 맘 편한것 같습니다.