[0612] 트러블 슈팅 : setAccessToken

문제

로그인 화면 시작
로그인을 했을 때, 성공 시 메인화면으로 이동
메인화면에서 액세스 토큰을 확인하는 로직에서 401(Unauthorized) 에러가 떠서 로그인으로 다시 이동됨

login 성공 시 setAccessToken을 해줬는데 헤더에 Authorization이 비어있었다..

setAccessToken(accessToken) {
  this.#axios.defaults.headers.common.Authorization = accessToken
    ? `Bearer ${accessToken}`
    : "";
}

해결

Authorization 위치는 common이 아니라 headers 바로 아래 있었다.
챌린지 수업 때 썼던 코드인데 문제가 있었나보다.
사실 별거 아닌 것처럼 보이지만 오류 찾는게 너무 힘들었다. 튜터님을 너무 믿어버렸기 때문일까..
교훈: 사람말고 코드랑 브라우저를 믿자. ㅎㅎㅎㅎㅎㅎ
Network 탭을 잘 살펴보고 해결할 수 있었다.

setAccessToken(accessToken) {
  this.#axios.defaults.headers.Authorization = accessToken
    ? `Bearer ${accessToken}`
    : "";
}