개발

[AXIOS] axios headers 요청하기

hayeonn 2023. 6. 11. 15:59
반응형

axios로 통신을 하던 와중 headers에 왜 이것을 써주어야 하는지 궁금했다!

axios 요청할 때 header에 이런 것을 넣어준다. 

'Content-Type' : 'application/json', 

 

이것의 의미는 json 형태로 응답해주세요. 라는 뜻이다. 

백엔드와 프론트엔드 사이에 전달을 요즘 다 json형태로 하는 추세라고 한다.

request랑 response 형태가 어떤 형태로 들어가고 나오는지 확인 후 헤더를 정한다.

 

예를들어 로그인을 했을 때(백엔드에서 POST로 signin을 한다면) 어떤 것을 줄까?를 물어본다면 그것은 응답이다.

 

응답 :  json토큰 (jwt)

{
  "access_token": "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJlbWFpbCI6InRlc3RAZ21haWwuY29tIiwic3ViIjo0LCJpYXQiOjE2NTk5MDQyMTUsImV4cCI6MTY2MDUwOTAxNX0.DyUCCsIGxIl8i_sGFCa3uQcyEDb9dChjbl40h3JWJNc"
}

 

json 토큰이 하는 일은 무엇일까?

 

로그인을 하면 이 사람이 사이트를 쓸 수 있도록 해주는 것이다.  (예를들면 에버랜드 티켓 같은것-팔찌 티켓 같은 것)

이 토큰이 언제 필요한가를 따져봤을 때 다른 놀이기구 탈 때, 즉 다른 api 사용할 때 필요하다.

그래서 다른 api 사용할 때 header에 같이 이 부분을 전달해달라고 하는 것이다.

저것이 없으면 우리 사용자가 맞는지 아닌지 확인하도록 할 수 있다.