자바스크립트 fetch api 익스플로러 에러

fetch.js를 검색해서 사용할 경우 정상적으로 로드는 되지만 동작하는데 오류가 난다. 익스플로러에서 사용할 수 없는 기능이라고 오류가 난다.

 

익스플로러에서는 fetch 를 지원하지 않는다.

 

그래서 이렇게 지원되지 않는 브라우저에 최신 라이브러리를 사용할 경우에는 polyfill을 사용하면 된다.

 

이렇게 두 줄 추가해주면 fetch가 동작한다. 

 <script src="https://cdn.jsdelivr.net/npm/promise-polyfill@8.1/dist/polyfill.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/whatwg-fetch@3.0/dist/fetch.umd.min.js"></script>