React - fetch cors 문제 해결

nodeJS 없이 React만으로 fetch로 API를 받아오는 중 cors문제가 발생했다. 이를 해결하기 위해서는 다음과 같이 작성하여 fetch를 받아오자 const proxyurl = "https://cors-anywhere.herokuapp.com/"; const url = "API 주소"; fetch(proxyurl + url) .then(response => response.json()) .then(contents => setStatsInfo({stats:contents})) .catch(() => console.log("stats 데이터를 가져오는데 실패했습니다.")) }

2020.09.06

Express JS - CORS 허용하기

CORS란 무엇인가 CORS란 Cross Origin Resource Sharing의 약자로, 현재 도메인과 다른 도메인으로 리소스가 요청될 경우를 말한다. 예를 들어, 도메인 http://A.com 에서 읽어온 HTML페이지에서 다른 도메인 http://B.com/image.jpg를 요청하는 경우를 말한다. 이런 경우에 해당 리소스는 cross-origin HTTP 요청에 의해 요청된다. 보안 상의 이유로, 브라우저는 CORS를 제한하고 있다. 하지만 SPA(Single Page Application)의 경우에는, RESTful API를 기반으로 비동기 네트워크 통신을 하기 때문에 API 서버와 웹 페이지 서버가 다를 수 있다. 이런 경우에 API 서버로 요청을 할 시에 CORS 제한이 걸리게 된다. ..

2020.09.01