🤔 Request headers accept

🤔 문제상황

github의 accessToken을 응답받기 위해 아래와 같은 코드를 작성했다.

  axios({
    method: 'POST',
    url: `https://github.com/login/oauth/access_token`,
    data: {
      client_id: clientID,
      client_secret: clientSecret,
      code: req.body.authorizationCode,
    },
  })
    .then((data) => {
      let accessToken = data.data.split('&').map((v) => v.split('='))[0][1];
      res.status(200).send({ accessToken });
    })
    .catch((err) => {
      //! catch로 에러 잡아주기
      console.log(err);
    });

data.data의 값은 다음과 같이 string 타입으로 응답을 받게 된다.

access_token=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&scope=&token_type=bearer

내가 필요로 하는 값은 access_token이기 때문에 다음과 같이 복잡한 추출 과정을 거쳐야 한다.

let accessToken = data.data.split('&').map((v) => v.split('='))[0][1];

결과를 도출하는 것은 문제없지만, 좀 더 복잡한 response를 받게되면 원하는 값의 추출이 어려워 보였다.

😎 문제 해결

   axios({
    method: 'POST',
    url: `https://github.com/login/oauth/access_token`,
    headers: {
      accept: 'application/json',
    },
    data: {
      client_id: clientID,
      client_secret: clientSecret,
      code: req.body.authorizationCode,
    },
  })
    .then((data) => {
      let accessToken = data.data.access_token;
      res.status(200).send({ accessToken });
    })
    .catch((err) => {
      //! catch로 에러 잡아주기
      console.log(err);
    });

위와 같이 응답을 받는 accept 타입을 json 형식으로 지정해 주면 된다.
그러면 다음과 같이 response를 받는다.

{
  access_token: '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',
  token_type: 'bearer',
  scope: ''
}

json 형식으로 응답을 받기 때문에 필요로하는 value를 추출하기가 더욱 편리해진다.

let accessToken = data.data.access_token;

그냥 string 타입으로 받는 것과는 다르게 그냥 필요로하는 키값으로 도출하면 된다.