Files
sb-front/src/api/http.js
T
ByungCheol 13308a82ef feat: 가계부·게시판 프론트엔드 구현 + Slim Budget 브랜딩/모바일 대응
- 가계부: 대시보드(예산 대비 지출·분류별 파이·기간별 막대·순자산 추이),
  내역(검색·필터·태그), 계좌(은행/카드/대출/투자), 예산, 분류, 정기 거래,
  태그, 투자 포트폴리오(종목·매수/매도·평가손익)
- 게시판: 목록/상세/작성(마크다운)/댓글/태그/열람제한
- 공통: 인증(Bearer 토큰·401 처리), 모바일 반응형(드로어·아이콘 버튼),
  Slim Budget 브랜딩(로고/타이틀/푸터), 홈 대시보드 자리
- 문서: docs/FRONTEND.md

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-05-31 15:42:52 +09:00

40 lines
1000 B
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'))
}
return Promise.reject(error)
},
)
export default http