Axios의 경량 대안

Axios, 그러나 몇 바이트

이것은 아주 작은 게시물이지만 최근 Axios가 상당히 크기 때문에 클라이언트에서 콘텐츠를 가져오기 위해 Axios의 대안을 찾고 있었습니다. 페이지 크기에 따라 좋은 SEO 점수를 보장하기 위해 PWA에 가능한 한 적은 수의 바이트를 추가하고 싶습니다.

물론 모든 최신 브라우저에서 사용할 수 있는 기본 "가져오기" 기능을 사용할 수 있습니다. 그러나 Axios의 인체 공학은 매우 훌륭하며 Redaxios가 빛나는 곳입니다. 라이브러리에 대한 링크는 이 페이지 끝에 있는 부록에도 있습니다.

"가져오기"에 대한 래퍼

Redaxios는 Axios와 동일한 API를 사용하지만 라이브러리 크기가 없는 가져오기를 둘러싼 래퍼입니다. 즉, 클라이언트 측 가져오기를 구현하려는 경우 페이지에 너무 많은 오버헤드를 추가하는 것에 대해 걱정할 필요가 없습니다.

Redaxio 사용

말했듯이 API는 동일하므로 이전에 Axios를 사용한 적이 있다면 Redaxios 사용법을 이미 알고 있을 것입니다.

// Only the import is the real difference.
import axios from 'redaxios';

// Now you can use it as 'axios':
axios.get('/user', {
    params: {
      ID: 12345
    }
  })
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  })
  .then(function () {
    // always executed
  });