* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.

* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.

Github Page를 통해 배포 후 로컬에선 잘 나타나던 부분(fetch로 데이터를 가져와서 보여주는 부분)이 나타나지 않았습니다.

확인해본 결과 Mixed Content 에러가 발생하였고,

그에 대한 해결책으로

<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">

를 추가하여 시도해보았지만 404 에러를 받았습니다.

요청한 API에서 https에 대한 처리가 없을 경우 404 에러가 나타날 수 있다는 것까지 확인하였습니만,

혹시 데이터를 받을 수 있는 다른 방법이 있는지 궁금합니다.

데이터를 요청한 URL은 아래와 같습니다.

http://spartacodingclub.shop/sparta_api/weather/seoul

작성한 코드 및 에러 메세지

let url = "http://spartacodingclub.shop/sparta_api/weather/seoul";
fetch(url).then(res => res.json()).then(data => {
  let temp = data['temp'];
  $('#msg').text(temp);
})