CORS 에러

지긋지긋한 cors 에러...
백엔드 개발자와의 협업할 때마다 겪는 에러의 근본 원인을 알아보고 임시방편으로 찾아본 것들을 누적해 보자.

1. 당장 개발부터 해야 한다
   https://chrome.google.com/webstore/detail/allow-cors-access-control/lhobafahddgcelffkeicbaginigeejlf/related
   Allow CORS: Access-Control-Allow-Origin 플러그인을 설치해서 http response header 에 'Allow-Control-Allow-Origin: *' 를 자동으로 추가해주는 식으로 해결보기

2. Webpack Dev Server로 리버스 프록싱하기
   https://medium.com/bb-tutorials-and-thoughts/react-how-to-proxy-to-backend-server-5588a9e0347
   이 방법을 사용하려면 .env 파일의 api 서버 주소를 비워두어야한다. (cra에서 env를 우선 기준으로 적용하기 때문)

출처 :

해결 본 방법 포스트 : https://kimyhcj.tistory.com/263
cors 파헤치기 내용 : https://evan-moon.github.io/2020/05/21/about-cors/
프록시로 우회하는 포스트 : https://medium.com/bb-tutorials-and-thoughts/react-how-to-proxy-to-backend-server-5588a9e0347
멀티 프록시 참고로 보면 좋은 포스트 : https://medium.com/bb-tutorials-and-thoughts/react-how-to-proxy-to-backend-server-5588a9e0347