(4) - HTTP 'axios' POST방식 request body, request header에 데이터 담아 요청 보내기

해당 작업을 수행하기 전 http 구조에 대해 이해하기 도움

request body와 request header에 대해 알았다면 각각에 다른 데이터를 넘겨주는 연습을 해보자. 

예를 들어 request header에는 client-type 을 , request body에는  loginId를 url에 담아보도록 한다. 

const sendData = async() => {
	try
	const res = await axios.post(1,2,3);
	catch(error)
	error
}

1의 인자, 2의 인자,3의 인자에 어떤 것을 넣어주느냐에 따라 각각 원하는 데이터를 전달할 수 있다. 
1번 인자에는 주소를, 2번인자에는 body 정보를, 3번째 인자에는 header에 넣어줄 정보를 각각 넣어주면 된다. 

const sendData = async(Datum) => {
  const id = Datum._id;

  const headers = {
      'Content-Type' : 'application/json',
      'Authorization' : authToken,
      'Client-Type' : AFFILIATEWEB,
  }
  console.log(id);
  try {
    const res = await axios.post(`~~/${id}/place-deal`, {
        affiliateLoginId : id    // price라는 이름의 객체에 price 변수에 담은 값 전달
    },{
        headers:headers // headers에 headers 객체 전달
    }
    )  
    console.log(res);
    setId(0); //  ~~

  } catch (error) {
      console.log(error);
  }
}