문제: FE 빌드 시 NEXT_PUBLIC_API_URL env 없으면 localhost:3005로 하드베이킹됨 → 배포 환경에서 API 요청이 localhost로 가는 버그 해결: - next.config.ts: /api/* → BE(API_URL) rewrites 추가 - lib/config.ts: CSR에서 API_URL='' (상대경로) 사용 SSR에서는 process.env.API_URL ?? NEXT_PUBLIC_API_URL fallback - lib/adminFetch.ts: 상대경로 직접 사용 - 모든 페이지가 use client이므로 CSR 상대경로 + rewrites로 완전 처리 - .env.local.example 업데이트 (API_URL 서버사이드용 추가)
17 lines
638 B
TypeScript
17 lines
638 B
TypeScript
/**
|
|
* API_URL: 프론트엔드에서 API 호출 시 사용하는 기본 URL.
|
|
*
|
|
* - 브라우저(CSR): 빈 문자열 → `/api/...` 상대경로 → Next.js rewrites → BE로 프록시
|
|
* - 서버사이드(SSR): 서버에서 직접 BE 호출 필요. API_URL_SERVER 사용.
|
|
* - Next.js rewrites는 브라우저 요청만 처리하므로 SSR에서는 절대 URL 필요.
|
|
*/
|
|
export const API_URL =
|
|
typeof window === 'undefined'
|
|
? (process.env.API_URL ?? process.env.NEXT_PUBLIC_API_URL ?? 'http://localhost:3005')
|
|
: '';
|
|
|
|
export const POLL_INTERVAL_MS = parseInt(
|
|
process.env.NEXT_PUBLIC_POLL_INTERVAL_MS ?? '30000',
|
|
10,
|
|
);
|