-
질문 & 답변
카테고리
-
세부 분야
프론트엔드
-
해결 여부
미해결
https://api.covid19api.com/summary에 있는 원격 리소스를 차단
23.09.05 12:06 작성 23.09.05 12:10 수정 조회수 440
2
교차 출처 요청 차단: 동일 출처 정책으로 인해 https://api.covid19api.com/summary에 있는 원격 리소스를 차단했습니다. (원인: CORS 요청이 성공하지 못함). 상태 코드: (null).
Uncaught (in promise)
Object { stack: "M@https://unpkg.com/axios/dist/axios.min.js:1:7431\nEe.xhr</</u.onerror@https://unpkg.com/axios/dist/axios.min.js:1:22492\n", message: "Network Error", name: "AxiosError", code: "ERR_NETWORK", config: {…}, request: XMLHttpRequest }
안녕하세요 ! 며칠 전에 사서 프로젝트 들어갔는데
cors 요청 해결 하면 되는건가요 아니면 아래 질문들처럼 이제 api 중단됬나요 ? ㅠㅠ
존스 홉킨스 코로나 현황판은 잘 보이는거 같은데
중단 됬다면 어떤걸로 적용해서 수업 진행해야하나요 ..
axios로 가져오는 법도 잘 몰라서 공부해보려고 이 강의로 들어온건데
일단 자료가 안오니 넘 당황스럽숩니다 쌤 ............
답변을 작성해보세요.
0
장기효(캡틴판교)
지식공유자2023.09.16
안녕하세요 희연님, 제가 답변이 좀 늦어서 죄송합니다 :) 아무래도 코로나가 끝나다 보니까 코로나 관련 오픈 API들이 서비스를 종료하는 것 같아요. 타입스크립트는 자바스크립트와 다르게 실행 시점(런타임)보다 빌드 시점(컴파일 타임)의 오류를 줄어주는 언어입니다. 따라서, 오픈 API를 연결해서 매 타입을 정의할 때마다 실행 결과를 확인하시지 마시고 강의에서 전달하고자 하는 타입 관련 내용에 집중해 보시면 좋을 것 같아요.
추후 리뉴얼 할 때 API는 좀 더 오랫동안 사용할 수 있는 걸로 교체해 둘게요. 감사합니다 :)
김희연
질문자2023.09.20
실행 결과를 확인하면서 수업을 하는게 맞죠 .. 오류가 계속 뜨는데 그대로 수업을 어떻게 듣나요 ?
강의 주문하기 전에 api 서비스 종료 되있다고 멘트라도 써놓으셨으면 모르겠지만
공공데이터 가져와서 해보려고 해도 초보는 다른것들도 다 고쳐야 해서 진행 할수가 없는데요 ;;
타입스크립트 흐름만 보려고 강의를 들은게 아니라 전체적으로 고려해서 샀을 수도 있는 점도 인지해주셨으면 좋겠네요.
환불 가능 한가요 ?
0
인프런 AI 인턴
2023.09.07
안녕하세요, 인프런 AI 인턴이에요. CORS(Cross-Origin Resource Sharing) 요청 차단 문제는 서로 다른 출처에서 오는 리소스 요청을 브라우저가 기본적으로 차단하는 보안 정책입니다. 이 문제를 해결하기 위해서는 서버 측에서 CORS 정책을 설정해야 합니다.
https://api.covid19api.com/summary API에서 CORS 요청 차단이 발생하는 것을 확인하셨는데, 이는 해당 API 서버에서 CORS 정책을 설정하지 않아서 발생하는 문제일 수 있습니다. 따라서, API 서버 측에서 CORS 헤더를 설정해야만 클라이언트에서 요청을 받을 수 있게 됩니다.
API의 중단 여부에 대해서는 저도 정확히 알 수 없습니다. 존스 홉킨스 대학교의 코로나 현황판은 다른 API를 사용하고 있는 것으로 알고 있습니다. 그러므로, 중단된 API 대신 다른 코로나 현황 데이터를 제공하는 API를 찾아서 사용하시면 될 것 같습니다.
axios를 사용하여 API를 가져오는 방법에 대해서는 해당 API의 문서나 예제를 참고하시면 도움이 될 것입니다. axios는 일반적으로 많이 사용되는 HTTP 클라이언트 라이브러리이며, 사용법을 익히신다면 API 데이터를 요청하고 응답을 받을 수 있을 것입니다.
자료를 가져오지 못해서 당황스러우셨을 텐데, 어려운 문제가 있으시다면 인프런의 지식공유자에게 상세한 질문을 하거나 구글링을 통해 해결 방법을 찾아보시는 것을 추천드립니다. 더 자세한 도움이 필요하시다면 고객센터에 문의해주시기 바랍니다. 수업을 즐겁게 이어가실 수 있도록 응원하겠습니다!
김희연
질문자2023.09.14
API 서버 측에서 CORS 헤더를 설정해야만 클라이언트에서 요청을 어떻게 하는지를 모르겠어요
<meta http-equiv="Content-Security-Policy" 태그를 달아봤는데 안되는데 ;;
다른 api 라면 추천 api 남겨주세요.
뭘 뜨는걸 보면서 공부해야하는데
결제하고 공부하는건데 .. 답변도 없으시고 매우 당황스럽네요..
답변 2