비동기 처리로, json의 데이터를 html 태그에 전달하려고 fetch API를 쓰는데
Fetch API cannot load 에러가 발생해서 구글링 해보았더니
Fetch API가 제대로 작동하려면 index.html을 로컬로 제공하거나 사이트를 라이브 서버에 호스팅 해야 한다고 합니다.
해결 방법은 npm 또는 live server을 설치하고 작동하는 모든 서버에 실행하면 됩니다.
아래에는 해당 사이트 링크입니다.
https://www.python2.net/questions-231387.htm
javascript - 이 코드의 "URL 스킴은"http "또는"https "여야합니다"오류를 해결하는 방법
console 에 아래 메시지가 표시됩니다 . sandbox.js:1 Fetch API cannot load file:///C:/Users/Lizzi/Desktop/novice%20to%20ninja/todos/luigi.json. URL scheme must be "http" or "https" for CORS request aynchronouse 를 처음 사용합니다 프로
www.python2.net
그리고, fetch API를 설치하는 방법입니다.
일단 vs code의 확장을 엽니다. 단축키는 Ctrl + shift + X입니다.
live server이라고 검색합니다. 그리고 설치하시면 됩니다!
live server 설치 후 실행은 window은 alt + L → alt + O 이고.
mac은 command + L → command + O 입니다.
참고로 오른쪽 클릭으로도 열 수 있습니다.
'Java script' 카테고리의 다른 글
| [js] if문으로 로그인 구현 (0) | 2021.11.10 |
|---|---|
| [js] 현재 시간 구하기 & 출력하기 (0) | 2021.11.05 |
| [js] D-day까지 남은 시간 구하기 / 밀리초(milliseconds), setInterval(); (0) | 2021.09.14 |
| [js] D-day까지 남은 일수 구하기 (0) | 2021.09.10 |
| [js] 버튼 클릭 시 색 변경하기 & 숫자 올라가게하기 / 내려가게하기 (0) | 2021.08.24 |