로그인을 했는데 401에러가 찍힌다

알고있지만 잘 돌아가니까~ 라는 핑계로 미루고 미루던 401 에러 해결...

로그인은 정말 잘 됐었다. 근데 이상하게 401에러는 뜨는데 로그인 유지는 되어있는 이상한,,,,,, 현상,,,~

 

새로고침해도 로그인이 유지되기때문에 쿠키 저장 타이밍이 문제인가 싶어서 로그인 코드를 봤음..

항상 로그인 관련 에러는 한참 헤매는 경우가 많았어서 이번에도 한껏 쫄아서 봤는데 금방 끝났다

 

//axiosInstance.ts

export const getAccessToken = (): string | undefined =>
  Cookies.get('access_token');
export const getRefreshToken = (): string | undefined =>
  Cookies.get('refresh_token');

export const setAccessToken = (token: string): void => {
  Cookies.set('access_token', token, {
    secure: import.meta.env.PROD,
    sameSite: 'strict',
    path: '/',
  });
};

export const setRefreshToken = (token: string): void => {
  Cookies.set('refresh_token', token, {
    secure: import.meta.env.PROD,
    sameSite: 'strict',
    path: '/',
  });
};

이미 인스턴스에 함수를 다 만들어놓고

로그인 폼에서 저거 안쓰고

냅다 Cookies.set('access_token',response.access.token) 이런식으로 꺼내 쓰고 있었던것임

로그인 로직에서

setAccessToken(response.access_token);

 

함수 사용하는걸로 통일해주고

 

저 setAccessToken 함수안에서도 원래 secure은 무조건 true였지만 혹시 몰라서 배포환경,개발환경에 따라 맞게끔 코드도 수정해줫다

원인을 모르것다근데 이것저것 고치니까 해결은 됐음...

내가 생각하기엔 저장 타이밍 문제였던것 같기도하고... 함수로 통일하니까 약간.. 그 타이밍이 안정돼서 안나는건가 싶고...

앞으로 코드를 잘 보고 써야지,,, 함수 실컷 만들어놓고 안쓰는 실수를 했다 허허