.
All checks were successful
Deploy blog-frontend / build-and-deploy (push) Successful in 2m30s

This commit is contained in:
wypark
2026-05-28 21:45:30 +09:00
parent 58a012621a
commit 0273cae6e4
37 changed files with 2625 additions and 1319 deletions

13
src/api/dashboard.ts Normal file
View File

@@ -0,0 +1,13 @@
import { http } from './http';
import { AdminDashboardResponse, ApiResponse, DashboardRange } from '@/types';
export const getAdminDashboard = async (
range: DashboardRange = '30d',
timezone = 'Asia/Seoul',
) => {
const response = await http.get<ApiResponse<AdminDashboardResponse>>('/api/admin/dashboard', {
params: { range, timezone },
});
return response.data.data;
};

View File

@@ -1,4 +1,4 @@
import axios from 'axios';
import axios, { AxiosRequestConfig } from 'axios';
import { useAuthStore } from '@/store/authStore';
// 🛠️ 환경 변수 처리 (배포 환경 대응)
@@ -26,10 +26,33 @@ http.interceptors.request.use(
// --- 토큰 갱신 관련 변수 ---
let isRefreshing = false;
let failedQueue: any[] = [];
type QueuedRequest = {
resolve: (token: string | null) => void;
reject: (error: unknown) => void;
};
type AuthStorageData = {
state?: {
accessToken?: string;
refreshToken?: string;
};
};
type RetriableRequestConfig = AxiosRequestConfig & {
_retry?: boolean;
headers?: Record<string, string>;
};
type NavigatorWithLocks = Navigator & {
locks?: {
request: <T>(name: string, callback: () => Promise<T> | T) => Promise<T>;
};
};
let failedQueue: QueuedRequest[] = [];
// 실패한 요청들을 큐에 담아두었다가 토큰 갱신 후 재시도하는 함수
const processQueue = (error: any, token: string | null = null) => {
const processQueue = (error: unknown, token: string | null = null) => {
failedQueue.forEach((prom) => {
if (error) {
prom.reject(error);
@@ -43,7 +66,7 @@ const processQueue = (error: any, token: string | null = null) => {
// 실제 토큰 갱신을 수행하는 함수 (Lock 안에서 실행됨)
async function handleTokenRefresh() {
try {
const { accessToken: currentAccessToken, refreshToken: currentRefreshToken, login, logout } = useAuthStore.getState();
const { accessToken: currentAccessToken, refreshToken: currentRefreshToken, login } = useAuthStore.getState();
// [1] 로컬 스토리지 확인 (다른 탭에서 이미 갱신했는지 체크)
let actualRefreshToken = currentRefreshToken;
@@ -53,12 +76,12 @@ async function handleTokenRefresh() {
const storageData = localStorage.getItem('auth-storage');
if (storageData) {
try {
const parsed = JSON.parse(storageData);
const parsed = JSON.parse(storageData) as AuthStorageData;
const storedRefreshToken = parsed.state?.refreshToken;
const storedAccessToken = parsed.state?.accessToken;
// 저장된 토큰이 현재 메모리의 토큰과 다르다면? => 이미 다른 탭/요청이 갱신을 완료함!
if (storedRefreshToken && currentRefreshToken && storedRefreshToken !== currentRefreshToken) {
if (storedAccessToken && storedRefreshToken && currentRefreshToken && storedRefreshToken !== currentRefreshToken) {
// 현재 탭의 스토어 상태를 스토리지와 동기화
login(storedAccessToken, storedRefreshToken);
// 대기 중인 요청들 해소
@@ -70,7 +93,7 @@ async function handleTokenRefresh() {
// 갱신 시도할 토큰 정보를 최신 스토리지 값으로 설정
if (storedRefreshToken) actualRefreshToken = storedRefreshToken;
if (storedAccessToken) actualAccessToken = storedAccessToken;
} catch (e) {
} catch {
// console.error('Storage parse error', e);
}
}
@@ -113,9 +136,10 @@ async function handleTokenRefresh() {
http.interceptors.response.use(
(response) => response,
async (error) => {
const originalRequest = error.config;
const originalRequest = error.config as RetriableRequestConfig | undefined;
if (!error.response) return Promise.reject(error);
if (!originalRequest) return Promise.reject(error);
const status = error.response.status;
@@ -143,9 +167,11 @@ http.interceptors.response.use(
try {
let newToken;
if (typeof navigator !== 'undefined' && 'locks' in navigator) {
const locks = typeof navigator !== 'undefined' ? (navigator as NavigatorWithLocks).locks : undefined;
if (locks) {
// Lock을 획득한 놈만 handleTokenRefresh 실행
newToken = await (navigator as any).locks.request('auth-refresh-lock', async () => {
newToken = await locks.request('auth-refresh-lock', async () => {
return await handleTokenRefresh();
});
} else {
@@ -167,4 +193,4 @@ http.interceptors.response.use(
return Promise.reject(error);
}
);
);