[Error] has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

Error 발생

기업프로젝트에서 API연결중 또 다시 networkError가 떠버렸다..!
보통 이게 뜨는이유는 거의

1. url 잘못 입력
2. 서버 죽음
3. cors 오류

이것이다....

나 같은 경우에는 구글에 API url을 입력했더니 데이터는 잘 나오길래
서버가 죽은 경우는 아니고 url도 잘 입력했다..
남은건 3번!!

우리 프로젝트는 MUI에서 대시보드를 따 와서 만든거였고
서버 배포가 이루어지고 첫 연결이었다.

해결

구글링 해보니

PROXY 설정

을 하면 된다고 한다!!
프록시(proxy) 설정 방법

package.json에 proxy 추가(create-react-app으로 프로젝트를 생성한 경우만 가능)

이렇게 나와있었다.

package.json파일에 들어가 맨 밑부분에

"proxy": "http://서버 도메인 주소"

를 입력하면 된다.

근데...!! 우리는 MUI로 따온 상태라 proxy가 이미 7070포트로 설정되어있었다..! ㄷㄷ
그래서 에러가 난 것이다
ㅠㅠ

이 부분을

프로젝트 회사의 배포 API로 변경하였다!

⛔️ 주의점

api 경로를 쓸 때 도메인 주소를 제외한것부터 적어줘야 제대로 데이터가 잘 온다 ㅎㅎ!

성공 🤠