Web development

Github 업로드 일부 적용 오류

WEB_CREASTORY 2023. 7. 1. 16:36

 <현재 서울의 날씨>를 변경해서 올리는 부분에서 VS-Code로 Open With Live Server 보았을 땐 정상적으로 변경된 것을 확인 할 수 있는데

Github에 올리고 URL(https://webcreastory.github.io/mypage3-2/) 확인해보니 <현재 서울의 날씨>가 변경되어 있지 않은 이전 페이지 그대로 이더라구요.

왜 온도가 변경되지 않은 것일까요? Github에 비슷한 페이지를 올려서 그런건지, 어떻게 정상적으로 적용하여 github에 올릴 수 있는지 확인 결과

<script>
        $(document).ready(function () {
            fetch("http://spartacodingclub.shop/sparta_api/weather/seoul").then(res => res.json()).then(data => {
                let number = data['temp']
                $('#temp').text(number)
            })
        })
    </script>

GitHub Pages는 기본적으로 HTTPS를 사용하여 페이지를 제공하기 때문에 보안 정책에 따라 HTTP가 들어있는 내 코드의 <현재 서울의 날씨> fetch 부분을 받아들이지 않는 것이 오류의 원인이었습니다.