token 가져오는 방법

[Wonny-ing]

accessToken

accessToken은 redux store에 저장했습니다.

// store.ts
const store = configureStore({
  reducer: {
    [cartApi.reducerPath]: cartApi.reducer,
    [orderApi.reducerPath]: orderApi.reducer,
    [wishlistApi.reducerPath]: wishlistApi.reducer,
    authToken: authReducer, // accessToken에 대한 정보 담겨져 있음
  },
  middleware: (getDefaultMiddleware) =>
    getDefaultMiddleware().concat([cartApi.middleware, orderApi.middleware, wishlistApi.middleware]),
});

export type authState = {
  authenticated: boolean; // 현재 로그인 여부 확인
  accessToken: string; // Access Token 저장
  expireTime: number; //Access Token 만료시간
};

store에 이렇게 3개에 대한 정보를 가지고 있습니다.

// store에 담긴 token에 대한 모든 정보
const token = useSelector((state: any) => state.authToken);

// accessToken 값만 가져오는 방법
const { accessToken } = useSelector((state: any) => state.authToken);

위 방법처럼 원하는 정보 가져다 쓰면 됩니다.

주의할점! useSelector를 함수 구성요소의 본체 내부외에서 호출하게 될 경우 Invalid Hook Call Warning 에러가 납니다.

refreshToken

refreshToken은 cookie에 저장되어 있습니다

const refreshToken: string = getCookieToken();

이렇게 가져오면 됩니다.