Axios Authorization 헤더를 읽지 못할 때

헤더의 Authorization 부분에 JWT 토큰을 넣었는데 백에서 읽지 못하였다.

해답은 역시 stackoverflow에서 찾을 수 있었다.

 

Passing headers with axios POST request

 

axios.post(Helper.getUserAPI(), {
    headers: {
        'Content-Type': 'application/json',
        'Authorization': 'JWT fefege...'
    },
    data
})      
.then((response) => {
    dispatch({type: FOUND_USER, data: response.data[0]})
})
.catch((error) => {
    dispatch({type: ERROR_FINDING_USER})
})

초기에 이런 식으로 코드를 짰는데, 사용자 정의 헤더를 전달하려면 아래와 같이 마지막 인수로 넣어야 한다고 한다.

 

const headers = {
  'Content-Type': 'application/json',
  'Authorization': 'JWT fefege...'
}

axios.post(Helper.getUserAPI(), data, {
    headers: headers
  })
  .then((response) => {
    dispatch({
      type: FOUND_USER,
      data: response.data[0]
    })
  })
  .catch((error) => {
    dispatch({
      type: ERROR_FINDING_USER
    })
  })