본문 바로가기
✘✘✘ Javascript

[axios] Query params 자동 인코딩 Query string > params are encoded automatically

by PrettyLog 2023. 4. 10.

예, Axios는 요청의 'params' 옵션에 객체를 전달할 때 쿼리 매개변수 값을 자동으로 인코딩합니다. Axios는 'encodeURIComponent' 함수를 사용하여 쿼리 매개변수 값을 올바르게 인코딩하여 특수 문자가 URL에 올바르게 표시되도록 합니다.

예를 들면 다음과 같습니다.

import axios from 'axios';

axios.get('https://example.com/api/search', {
  params: {
    query: 'example value with spaces & special chars',
  },
})
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.error(error);
  });

이 예에서 공백과 특수 문자가 포함된 'query' 매개변수 값은 Axios에 의해 자동으로 인코딩됩니다. 결과 URL은 다음과 같습니다.

https://example.com/api/search?query=example%20value%20with%20spaces%20%26%20special%20chars

Axios는 쿼리 매개변수 값을 인코딩하므로 요청하기 전에 수동으로 인코딩할 필요가 없습니다.

댓글