API 요청 시 헤더에 토큰이 안 담깁니다.

안녕하세요 답변 감사합니다 :) 아래는 aixos instance 와 interceptors 코드 입니다! 말씀하신대로 시점 문제라면 제가 짐작하기로는 일반 회원이 delete 요청을 할때는 /history 라는 도메인으로 이동 후 탈퇴 버튼을 눌러 delete 요청을 할 수 있어서 잘 되었던 거 같은데 게스트 모드는 헤더에서 바로 로그아웃 버튼을 눌러 delete 요청 할 수 있어서 바로 요청을 보내서(?) 안되는거 같긴 합니다... import axios, { AxiosResponse } from 'axios'; import LocalStorage from './localStorage'; const token = LocalStorage.getItem('user-key'); const accessToken = typeof window !== 'undefined' ? token.state.accessToken : null; const refreshToken = typeof window !== 'undefined' ? token.state.refreshToken : null; export const instance = axios.create({ baseURL: process.env.NEXT_PUBLIC_API_URL, headers: { Authorization: accessToken, Refresh: refreshToken, }, withCredentials: true, }); const storageData = LocalStorage.getItem('user-key'); const parseJWT = (token: string | null) => { if (token) return JSON.parse(atob(token.split('.')[1])); }; const authVerify = () => { const decodedAccess = parseJWT(accessToken); const decodedRefresh = parseJWT(refreshToken); if (decodedAccess?.exp * 1000 < Date.now()) { return 'Access Token Expired'; } if (decodedRefresh?.exp * 1000 < Date.now()) { return 'Refresh Token Expired'; } return true; }; const onFulfiled = async (response: AxiosResponse) => { if (authVerify() === 'Access Token Expired') { const { authorization: newAccessToken } = response?.headers; storageData.state.accessToken = newAccessToken; LocalStorage.setItem('user-key', JSON.stringify(storageData)); response.config.headers = Object.assign({}, response.config.headers, { authorization: `${newAccessToken}`, refresh: refreshToken ?? '', }); return await axios(response.config); } return response; }; instance.interceptors.request.use( async (config) => { config.headers = config.headers ?? {}; if (accessToken) { config.headers.Authorization = `${accessToken}`; } return config; }, (error) => Promise.reject(error), ); instance.interceptors.response.use(onFulfiled, (error) => { return Promise.reject(error); });

음... 말씀 주신 게 로그아웃 버튼을 누르면 로그아웃 로직 후에 delete 요청을 준다는 말씀이실까요? instance.interceptors.request.use( async (config) => { config.headers = config.headers ?? {}; if (accessToken) { config.headers.Authorization = `${accessToken}`; } return config; }, (error) => Promise.reject(error), ); 해당 request interceptor 부분에서 console.log로 accessToken의 유무를 찍어보면서 하는 것도 좋을 거 같습니다

네! 로그아웃 버튼을 누르면 바로 delete 요청이 가게 했습니다 instance.interceptors.request.use 바깥 바로 위에서 console.log를 출력했을 땐 토큰이 잘 출력이되는데... 말씀해주신대로 if문 안에 console.log(accessToken)해서 출력해봤는데 빈칸으로 출력이 되드라구요...