Files
sb-front/src/api/http.js
T
ByungCheol 9861ba90ae
CI / build (push) Failing after 15m5s
feat: 멤버십(무료/유료) 게이팅 — 프론트
- auth 스토어 isPremium/isAdmin 추가 (plan===PREMIUM 또는 관리자)
- 사이드바: 통계·고정지출·예산·태그 메뉴에 무료 회원 잠금 배지(🔒)
- 라우트 가드: 유료 전용 화면(requiresPremium) → 무료 회원은 /upgrade
- UpgradeView: 무료/유료 기능 비교 + 업그레이드 안내
- http 인터셉터: 403 PREMIUM_REQUIRED → premium:required 이벤트 → 업그레이드 화면
- 무료 화면의 유료 API 호출 차단(홈 예산·내역 태그·OCR·카드알림 게이팅)
- 회원관리: 멤버십 컬럼 + 무료/유료 토글(관리자)
- 설정: 데이터 백업/복구 유료 게이팅, 계정정보에 멤버십 표시

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-28 11:02:44 +09:00

43 lines
1.2 KiB
JavaScript

import axios from 'axios'
// 공통 axios 인스턴스
const http = axios.create({
baseURL: import.meta.env.VITE_API_BASE_URL || '/api',
timeout: 10000,
headers: {
'Content-Type': 'application/json',
},
})
// 요청 인터셉터 (예: 토큰 주입)
http.interceptors.request.use(
(config) => {
const token = localStorage.getItem('token')
if (token) {
config.headers.Authorization = `Bearer ${token}`
}
return config
},
(error) => Promise.reject(error),
)
// 응답 인터셉터 (공통 에러 처리)
http.interceptors.response.use(
(response) => response.data,
(error) => {
const status = error.response?.status
if (status === 401) {
// 세션 만료/무효: 클라이언트 저장값 정리 후 로그인 팝업 트리거
localStorage.removeItem('token')
localStorage.removeItem('auth_user')
window.dispatchEvent(new CustomEvent('auth:unauthorized'))
} else if (status === 403 && error.response?.data?.code === 'PREMIUM_REQUIRED') {
// 유료 전용 API 를 무료 회원이 호출(우회/직접 접근) — 업그레이드 안내
window.dispatchEvent(new CustomEvent('premium:required'))
}
return Promise.reject(error)
},
)
export default http