[javascript] Axios를 사용한 프록시 요청

Axios는 JavaScript에서 가장 인기 있는 HTTP 통신 라이브러리 중 하나입니다. 이 라이브러리를 사용하면 클라이언트 측에서 서버와의 통신을 간편하게 처리할 수 있습니다. 이번 포스트에서는 Axios를 사용하여 프록시 서버를 통해 요청을 보내는 방법에 대해 알아보겠습니다.

프록시 서버란?

프록시 서버는 클라이언트와 서버 사이에 위치하여 클라이언트의 요청을 서버로 전달해주는 역할을 합니다. 이를 통해 클라이언트는 직접 서버와 통신하지 않고 프록시 서버와 통신할 수 있습니다. 이러한 프록시 서버를 사용하면 클라이언트의 요청을 가로채고 중간에서 추가적인 작업을 수행할 수 있는 장점이 있습니다.

Axios를 사용하여 프록시 요청 보내기

Axios를 사용하여 프록시 서버를 통해 요청을 보내려면 axios.create 메소드를 사용하여 인스턴스를 생성해야 합니다. 이 인스턴스에는 baseUrlproxy 속성을 설정하여 프록시 서버의 주소를 지정할 수 있습니다.

const axios = require('axios');

const instance = axios.create({
  baseUrl: 'http://프록시-서버-주소.com',
  proxy: {
    host: '프록시-서버-호스트',
    port: 프록시-서버-포트,
    auth: {
      username: '프록시-서버-아이디',
      password: '프록시-서버-비밀번호'
    }
  }
});

instance.get('/api/data')
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.error(error);
  });

위의 예제에서는 Axios를 사용하여 /api/data 엔드포인트로 GET 요청을 보내고, 그 응답을 콘솔에 출력하는 방법을 보여줍니다. 이때 요청은 프록시 서버를 통해 전달됩니다.

정리

이번 포스트에서는 Axios를 사용하여 프록시 서버를 통해 요청을 보내는 방법을 알아보았습니다. Axios를 사용하면 클라이언트 측에서 손쉽게 프록시 요청을 처리할 수 있으며, axios.create 메소드를 사용하여 프록시 서버의 설정을 지정할 수 있습니다. 프록시 서버를 통해 요청을 보내는 경우에는 프록시 서버의 주소와 인증 정보를 올바르게 설정해야 합니다.

참고 자료