[typescript] Axios를 사용하여 요청에 대한 프록시 및 경유 처리하기

22 Dec 2023

typescript

Axios는 TypeScript로 작성된 데이터를 처리하기 위한 유용한 HTTP 클라이언트 라이브러리입니다. 이 글에서는 Axios를 사용하여 프록시와 경유 처리를 하는 방법에 대해 알아보겠습니다.

Axios 설치

먼저, Axios를 설치해야 합니다. npm을 사용하여 Axios를 설치할 수 있습니다.

npm install axios

또는 yarn을 사용하여 설치할 수도 있습니다.

yarn add axios

프록시 처리

Axios를 사용하여 프록시를 설정하려면, ProxyAgent 패키지를 설치해야 합니다.

npm install proxy-agent

또는 yarn을 사용하여 설치할 수도 있습니다.

yarn add proxy-agent

그런 다음, Axios에서 HttpsProxyAgent를 사용하여 프록시를 설정할 수 있습니다.

import axios from 'axios';
import { HttpsProxyAgent } from 'https-proxy-agent';

const proxy = 'http://proxy.example.com:8000';
const agent = new HttpsProxyAgent(proxy);

axios.get('https://api.example.com', { httpsAgent: agent })
  .then((response) => {
    console.log(response.data);
  })
  .catch((error) => {
    console.error(error);
  });

경유 처리

Axios를 사용하여 경유를 설정하려면, tunnel 패키지를 설치해야 합니다.

npm install tunnel

또는 yarn을 사용하여 설치할 수도 있습니다.

yarn add tunnel

그런 다음, Axios에서 tunnel 패키지의 httpsOverHttp를 사용하여 경유를 설정할 수 있습니다.

import axios from 'axios';
import tunnel from 'tunnel';

const proxy = {
  host: 'proxy.example.com',
  port: 8000,
};

const agent = tunnel.httpsOverHttp({
  proxy: {
    host: proxy.host,
    port: proxy.port,
  },
});

axios.get('https://api.example.com', { httpsAgent: agent })
  .then((response) => {
    console.log(response.data);
  })
  .catch((error) => {
    console.error(error);
  });

Axios를 사용하여 프록시와 경유를 설정하는 방법에 대해 알아보았습니다. 이제 이를 활용하여 안전하고 효율적으로 HTTP 요청을 처리할 수 있습니다.

더 많은 정보는 Axios 공식 문서를 참고하시기 바랍니다.