[React] CORS 문제 해결법
·
프론트엔드/React
문제 Spring Boot를 이용해 아주 간단한 api 서버를 localhost를 통해 실행시키고, 리액트를 실행시켜 fetch 통신을 시도해봤다. 서버에는 리액트에서 보낸 GET request가 잘 도착하였고, response를 잘 보냈지만 리액트 페이지에는 response가 도착하지 않았다. 위와 같은 에러가 발생하였다. 에러메시지에서 보여주는것과 같이, "CORS 정책 위반"을 이유로 response가 block되었다. https://developer.mozilla.org/ko/docs/Web/HTTP/CORS 교차 출처 리소스 공유 (CORS) - HTTP | MDN 교차 출처 리소스 공유(Cross-Origin Resource Sharing, CORS)는 추가 HTTP 헤더를 사용하여, 한 출처..
[React Native] fetch 사용 시 안드로이드 localhost에서 "Network request failed" 해결법
·
앱/React Native
React Native를 이용하여 안드로이드 앱 개발을 하던 중 안드로이드 에뮬레이터를 실행하고 fetch 함수를 사용하여 api호출을 하고 실행시켜 봤더니 Network request failed라는 오류가 떴다. 혹시나 싶어 https든 http든 아무 사이트들에 요청을 시도해봤는데 전부 response가 잘 온다. 오직 localhost만 문제가 발생한다. 문제 해결을 위해 다음과 같은 방법들을 시도해 보았다. 1. localhost -> ip주소 fetch의 url을 localhost가 아닌 127.0.0.1로 변경한다. function getExample() { return fetch('http://127.0.0.1:4000/users', { method: 'GET', headers: { 'Co..
고치불
'react' 태그의 글 목록