[TIL] Axios

GET

axios.request({
  method: 'GET',
  url: `https://www.test.com`,
  headers: {'Content-Type': 'application/json'},
  params: { msg: hi},
});

config에는 request에 대한 옵션들에 대해서 정의한다.

GET메소드를 사용하여 https://www.test.com 에
header에는 'Content-Type: application/json'을 추가하고
쿼리스트링에는 msg=hi를 지정하여 request를 보낸다는 의미이다.
(params에 전달된 object는 쿼리스트링으로 변환되어 url에 붙여진다)

POST

axios.request({
  method: 'POST',
  url: `https://www.test.com`,
  headers: {'Content-Type': 'application/json'},
  data: { password: 'testpw123', }
});

POST메소드를 사용하여 https://www.test.com 에
header에는 'Content-Type: application/json'을 추가하고
바디에는 {password: 'testpw123'}를 지정하여 request를 보낸다는 의미이다.

(data에 전달된 object는 request body에 들어간다)

formdata

const formdata= new FormData();

formdata.append('password', 'testpw123');

axios.request({
  method: 'POST',
  url: `https://www.test.com`,
  data: formdata,
});

출처: https://satisfactoryplace.tistory.com/85 [만족]