[React] CORS 에러 해결

문제상황

CORS 에러가 발생했다

어찌저찌 해결해오지만 git pull을 하면 다시 CORS 에러가 뜨고 무한 반복의 지옥에 빠져버렸다.

다시 구글링을 열심히 한 끝에 그 이유를 알게 됐다.

 

해결방안

서버와 클라이언트 주소가 일치하지 않아 발생한 에러였다.

그래서 단순하게 아 클라이언트 주소를 서버 주소와 같은 localhost:8080으로 변경해야겠다~ 이랬지만 이것은 무식한 해결방안이라는 걸 반증하듯이 같은 주소로 서버를 돌릴 수는 없다는 에러가 나타났다.

 

다시 구글링을 하여 약간의 속임수를 집어 넣는 proxy 방법을 찾았다.

package.json에 proxy로 서버의 주소를 설정하고 url 을 /api/login 이런 방식으로 적어 놓으면 되는 것!

에러가 말끔히 해결됐다

 

참고자료

https://jforj.tistory.com/149

[React] Webpack Proxy설정을 이용하여 CORS 해결

https://velog.io/@sonwj0915/CORS%EC%99%80-Proxy%EB%A5%BC-%ED%99%9C%EC%9A%A9%ED%95%98%EC%97%AC-%ED%95%B4%EA%B2%B0%ED%95%98%EA%B8%B0

CORS와 Proxy를 활용하여 해결하기

https://biio-studying.tistory.com/238