[axios] urlencoded 데이터 보내는 법

axios를 사용하여 urlencoded 데이터 보내는 법을 알아보겠습니다.

 

 POST 테스트 할때는 너무 편한 postman을 이용해서 axios에서 urlencoded 데이터를 어떻게 보낼지 몰랐습니다.

postman에선 그냥 이렇게 입력해주면 끝이죠...

 

 

 

먼저 qs, (querystring) 모듈이 필요합니다. 설치해줍니다.

npm install qs

 

그 다음에 리액트 프로젝트 상단에 import해줍니다. (또는 require)

import qs from 'qs'
import axios from 'axios'

 

axios에서 urlencoded 데이터 보내는 법

qs에서 제공하는 stringify를 사용하고, 헤더에 content-type을 추가해주면 됩니다.

 

예시코드)

axios({
	method: 'post',
    url: 'http://localhost:3030/users/join',
    data: qs.stringif({
		id: 'id123',
        password: '1234',
    }),
    headers: {
    	'content-type': 'application/x-www-form-urlencoded;charset=utf-8'
    }
})

 

 

누누가 실제로 프로젝트에 작성한 코드)

끝!