qs.stringify 직렬화

application/x-www-form-urlencoded

기본적으로 axios는 JavaScript 객체를 'JSON'으로 직렬화(serialize) 합니다.application/x-www-form-urlencoded포멧 대신 데이터를 보내려면 다음 옵션 중 하나를 사용할 수 있습니다.

#브라우저

브라우저에서 다음과 같이URLSearchParams API를 사용할 수 있습니다.

const params = new URLSearchParams();
params.append('param1', 'value1');
params.append('param2', 'value2');
axios.post('/foo', params);

URLSearchParams는모든 브라우저에서 지원되지는 않지만, 사용할 수 있는polyfill이 있습니다.

또는qs라이브러리를 사용하여 데이터를 인코딩 할 수 있습니다.

const qs = require('qs');
axios.post('/foo', qs.stringify({ 'bar': 123 }));

ES6+ 사용하는 경우는 아래와 같이 작성할 수 있습니다.

import qs from 'qs';
const data = { 'bar': 123 };
const options = {
  method: 'POST',
  headers: { 'content-type': 'application/x-www-form-urlencoded' },
  data: **qs.stringify(data),**
  url,
};
axios(options);