Headers에서 Content-Type과 Accept의 차이(Feat. OAuth 2.0)

---

GitHub에서 정보를 받아오는 작업 중 axios.post에서 헤더 부분에서 자꾸 오류가 났다.

axios
    .post("https://github.com/login/oauth/access_token", params, {
      headers: {
        'Content-Type': 'application/json' // <<<<<<<<<<------------이 부분
      }
    })
    .then((result) => {
      console.log('result.data--------', result.data)
      res.status(200).json({accessToken: result.data.access_token})
    })
    .catch((e) => res.status(404))

 

json으로 잘 보냈는데 오류 원인은 headers에서 Content-Type문제였다.

수정 코드 

axios
    .post("https://github.com/login/oauth/access_token", params, {
      headers: {
        accept: 'application/json' // <<<<<<<<<<<<<<-- 여기
      }
    })
    .then((result) => {
      console.log('result.data--------', result.data)
      res.status(200).json({accessToken: result.data.access_token})
    })
    .catch((e) => res.status(404))

 

 

그렇다면 Content-Type과 accept의 차이는 ?

 

Content-Type: HTTP 메시지(요청 & 응답)에 담아 보내는 데이터의 형식을 알려주는 헤더

accept: 브라우저(클라이언트)에서 웹 서버로 요청 시 요청 메시지에 담기는 헤더( 자신에게 특정 데이터 타입만 허용하겠다 )

 

현재 전송하는 데이터가 어떤 타입인지에 대한 설명을 하는 것은 Content-Type,
클라이언트가 서버에게 어떤 특정한 데이터 타입을 보낼 때 클라이언트가 보낸 특정 데이터 타입으로만 응답을 해야하는 accept

 

 

---