<TIL> axios 사용 중에 있었던 일- Trello(6)

서버와 통신을 할 때에는 유저 인증 해주는 token을 넣는 Authorization (headers 안에 위치해있다.)가 있습니다.

 

웹으로 할 때에는 cookie에 token을 넣어주고

요청을 할 때 headers에 withCredentials 옵션을 true로 설정하면 

cookie안에 들어있는 token의 값이 자동으로 Authorization안에 넣어서 서버에 요청을 보냈습니다.

 

모바일에서는 서버와 통신을 할 때에는 token같은 값을  AsyncStorage에 넣습니다.

그 token은 요청을 할때마다 headers에 Authorization을 추가해서 token값을 넣어줘야 하는데

이번에 요청할 때 마다 그 값을 읽지 못하는 에러가 발생하였습니다.

 

이걸로 1시간 삽질 완료

그래서 서버에서 확인해보니 클라이언트 받은 헤더안에는 Authorization가 아니라 authorization로 앞 글자가 소문자 된 변경이 되어있는 것을 확인하였습니다.

서버에서 req.headers.Authorization로 받았던 부분은  req.headers.authorization로 받게 모두 변경을 하였고 token값을 읽는 것을 확인하였습니다.