diff --git a/src/apis/axios/axios.ts b/src/apis/axios/axios.ts index 717e2339..31b98fed 100644 --- a/src/apis/axios/axios.ts +++ b/src/apis/axios/axios.ts @@ -1,3 +1,4 @@ +import { ACCESS_TOKEN } from "@/constants/localStorageKey"; import axios, { AxiosResponse } from "axios"; const BASE_URL = "http://localhost:8080/api"; @@ -35,14 +36,13 @@ export const multiInstance = axios.create({ const jwtResponseInterceptor = (response: AxiosResponse) => { const isTokenReissued = response.headers["token-reissued"]; if (isTokenReissued === "False") return response; - const accessToken = response.headers["authorization"]; - if (accessToken) localStorage.setItem("accessToken", accessToken); + if (accessToken) localStorage.setItem(ACCESS_TOKEN, accessToken); return response; }; const jwtRequestInterceptor = (request: any) => { - const accessToken = localStorage.getItem("accessToken"); + const accessToken = localStorage.getItem(ACCESS_TOKEN); if (accessToken) request.headers.Authorization = accessToken; return request; }; diff --git a/src/constants/localStorageKey.ts b/src/constants/localStorageKey.ts index 681bf56d..01afc930 100644 --- a/src/constants/localStorageKey.ts +++ b/src/constants/localStorageKey.ts @@ -1,2 +1,3 @@ export const IDENTIFIER = "identifier"; export const FRAMEID = "frameId"; +export const ACCESS_TOKEN = "accessToken"; diff --git a/src/hooks/queries/useAuthQuery.tsx b/src/hooks/queries/useAuthQuery.tsx index f081db98..1db14774 100644 --- a/src/hooks/queries/useAuthQuery.tsx +++ b/src/hooks/queries/useAuthQuery.tsx @@ -1,6 +1,6 @@ import postAuthLogout from "@/apis/postAuthLogout"; import postJWTApi from "@/apis/postJWTApi"; -import { FRAMEID, IDENTIFIER } from "@/constants/localStorageKey"; +import { ACCESS_TOKEN, FRAMEID, IDENTIFIER } from "@/constants/localStorageKey"; import { PATH } from "@/constants/path"; import { useMutation } from "react-query"; import { useNavigate } from "react-router-dom"; @@ -18,6 +18,7 @@ export const usePostAuthLogout = () => { onSuccess: () => { localStorage.removeItem(IDENTIFIER); localStorage.removeItem(FRAMEID); + localStorage.removeItem(ACCESS_TOKEN); navigate(PATH.LOGIN); }, onError: (error: AxiosError<{ message?: string }>) => { diff --git a/src/hooks/queries/useProfileQuery.tsx b/src/hooks/queries/useProfileQuery.tsx index 1c158439..eb8f7993 100644 --- a/src/hooks/queries/useProfileQuery.tsx +++ b/src/hooks/queries/useProfileQuery.tsx @@ -6,7 +6,7 @@ import postInterestEditApi from "@/apis/postInterestEditApi"; import postUserInfoEdit from "@/apis/postUserInfoEdit"; import postUserProfile from "@/apis/postUserProfile"; import CommonMutationErrorModal from "@/components/Error/CommonMutationErrorModal/CommonMutationErrorModal"; -import { FRAMEID, IDENTIFIER } from "@/constants/localStorageKey"; +import { ACCESS_TOKEN, FRAMEID, IDENTIFIER } from "@/constants/localStorageKey"; import { PATH } from "@/constants/path"; import { QUERY_KEY } from "@/constants/queryKey"; import { useModalStore } from "@/stores/modalStore"; @@ -58,6 +58,7 @@ export const useDeleteUser = () => { onSuccess: () => { localStorage.removeItem(IDENTIFIER); localStorage.removeItem(FRAMEID); + localStorage.removeItem(ACCESS_TOKEN); navigate(PATH.LOGIN); }, onError: (error: AxiosError<{ message?: string }>) => {