인프런 커뮤니티 질문&답변

김민수님의 프로필 이미지
김민수

작성한 질문수

비전공자를 위한 진짜 입문 올인원 개발 부트캠프

Javascript 비동기 처리

fetch 함수 사용시 에러가 발생합니다.

작성

·

428

1

fetch 함수 사용 시 type 에러가 발생합니다.

구글에서 저 함수를 사용했을 때 한국에서는 잘 작동했는데 호주 인터넷 환경에서는 잘 작동하지 않았습니다.

저 URL 이외에도 www.을 붙여 보거나 http://를 쓰기도 했고

주어진 링크인https://jsonplaceholder.typicode.com/todos/1로 했을 때도 같은 에러가 발생했습니다.

답변 1

0

그랩님의 프로필 이미지
그랩
지식공유자

안녕하세요. 현재 브라우저에서 https://google.com에 대해 요청을 하면 데이터를 받아오지 못하는 게 맞습니다. 이유는 cors 때문입니다!

서버쪽에서 브라우저가 같은 도메인(google.com)에서 요청을 하지 않으면 데이터를 주지 않도록 설정할 수 있습니다. 이 때문에 저희 브라우저의 개발자도구에서 fetch 요청을 하면 cors 에러가 발생하는 거구요.

jsonplaceholder의 경우 cors 처리가 되어있어 어느 도메인에서든 데이터를 요청할 수 있게 됩니다. 해당 부분은 다시 확인해보시면 좋을 것 같아요~!

김민수님의 프로필 이미지
김민수

작성한 질문수

질문하기