-
React CORS policy 오류 proxy 해결법오류를 해결하자 2023. 2. 25. 00:02
📌 coinpaprika 를 이용하다가 이런 에러를 마주쳤다.
Access to XMLHttpRequest at 'https://api.coinpaprika.com/v1/tickers' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.coins.tsx:77
대충해석해보면 CORS policy 를 어겼다고 한다.
해결방법은 package.json 에
"proxy": "http://localhost:3000" 을 추가하는 방식이다.
그러나 이로도 안되어서 아래 블로그 링크를 참고하다가 갑자기 되었다.
[React] 클라이언트에서 CORS 해결하기(http-proxy-middleware)
SOP, CORS에 대해 알아보고 React Client에서 프록시 서버 모듈인 http-proxy-middleware를 이용하여 CORS 에러를 해결했습니다.
www.datoybi.com
정말 코딩이란 뭘까...? 다음에 실력이 더 높아지면 이 글을 수정하러 오겠다.
'오류를 해결하자' 카테고리의 다른 글
난 잘못한게 없는거 같은데 코드가 오류날땐 어떻게 해야할까? (0) 2023.03.05 Vscode 에서 D드라이브 파일 저장 오류 시 (0) 2023.01.16