13308a82ef
- 가계부: 대시보드(예산 대비 지출·분류별 파이·기간별 막대·순자산 추이), 내역(검색·필터·태그), 계좌(은행/카드/대출/투자), 예산, 분류, 정기 거래, 태그, 투자 포트폴리오(종목·매수/매도·평가손익) - 게시판: 목록/상세/작성(마크다운)/댓글/태그/열람제한 - 공통: 인증(Bearer 토큰·401 처리), 모바일 반응형(드로어·아이콘 버튼), Slim Budget 브랜딩(로고/타이틀/푸터), 홈 대시보드 자리 - 문서: docs/FRONTEND.md Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
40 lines
1000 B
JavaScript
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
|