axios2 Fetch / Axios 비교 Fetch를 주로 사용하다 Axios를 왜 쓰는걸까 궁금해하던 차에 특징을 비교해보고자 합니다. 자바스크립트에서 HTTP 통신을 위해 Fetch API를 제공합니다. 이전에는 XMLHttpRequest 객체를 통해 AJAX 를 했습니다. AJAX란,서버와 통신하기 위해 XMLHttpRequest 객체를 사용하는 것입니다. (Asynchronous JavaScript And XML) 웹 2.0이 시작되면서 AJAX를 사용하여 동적인 웹이 되었고 비동기 처리를 위해 콜백함수를 사용했습니다. 콜백지옥으로 문제가 되니 비동기 데이터를 다루는 객체인 Promise가 나타났습니다. Fetch 와 Axios Fetch는 HTTP통신을 할 수 있도록 자바스크립트에서 제공하는 API로 Promise값을 반환하여 통신결과.. 2023. 4. 14. nuxt 프로젝트에 axios 적용 프로젝트를 생성할때 axios 모듈을 선택한다면 큰 문제는 없지만 기존 프로젝트에 $axios 를 통해 context에 바로 접근하기 위해서는 몇가지 설정이 필요하다. // nuxt.config.js modules: [ "@nuxtjs/axios" ], // nuxt.config.js axios: { // Workaround to avoid enforcing hard-coded localhost:3000: https://github.com/nuxt-community/axios-module/issues/308 baseURL: '/', }, 위와 같이 설정하면 axios 를 import 할 필요없이 $axios로 바로 사용할 수 있지만, 아래와 같은 에러가 발생했다. import axios from 'axi.. 2022. 11. 10. 이전 1 다음
