mirror of
https://github.com/ktds-dg0501/kt-event-marketing-fe.git
synced 2026-01-21 13:36:24 +00:00
CORS 에러 해결 및 Event API Mock 구현
- next.config.js: Event API 프록시 설정 추가 (8080 포트) - eventApi.ts: 개발 환경에서 상대 경로 사용하도록 수정 - Mock API 추가: /api/v1/events/objectives (백엔드 준비 전 임시)
This commit is contained in:
parent
f414e1e1dd
commit
ddc7bc143f
@ -19,6 +19,11 @@ const nextConfig = {
|
||||
source: '/api/proxy/:path*',
|
||||
destination: 'http://localhost:8084/api/:path*',
|
||||
},
|
||||
// Event Service API Proxy (8080 포트)
|
||||
{
|
||||
source: '/api/v1/events/:path*',
|
||||
destination: 'http://localhost:8080/api/v1/events/:path*',
|
||||
},
|
||||
]
|
||||
},
|
||||
}
|
||||
|
||||
66
src/app/api/v1/events/objectives/route.ts
Normal file
66
src/app/api/v1/events/objectives/route.ts
Normal file
@ -0,0 +1,66 @@
|
||||
import { NextRequest, NextResponse } from 'next/server';
|
||||
|
||||
/**
|
||||
* Mock API: 이벤트 목적 선택 (Step 1)
|
||||
* 백엔드 API가 준비될 때까지 사용하는 임시 Mock API
|
||||
*
|
||||
* POST /api/v1/events/objectives
|
||||
*/
|
||||
export async function POST(request: NextRequest) {
|
||||
try {
|
||||
const body = await request.json();
|
||||
const { objective } = body;
|
||||
|
||||
// 백엔드 API 호출 시도
|
||||
const backendUrl = 'http://localhost:8080/api/v1/events/objectives';
|
||||
|
||||
try {
|
||||
const backendResponse = await fetch(backendUrl, {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/json',
|
||||
'Authorization': request.headers.get('Authorization') || '',
|
||||
},
|
||||
body: JSON.stringify(body),
|
||||
});
|
||||
|
||||
// 백엔드가 정상 응답하면 그대로 반환
|
||||
if (backendResponse.ok) {
|
||||
const data = await backendResponse.json();
|
||||
return NextResponse.json(data, { status: backendResponse.status });
|
||||
}
|
||||
} catch (backendError) {
|
||||
console.warn('⚠️ 백엔드 API 호출 실패, Mock 데이터 반환:', backendError);
|
||||
}
|
||||
|
||||
// 백엔드 실패 시 Mock 데이터 반환
|
||||
const mockEventId = `evt_${Date.now()}_${Math.random().toString(36).substring(7)}`;
|
||||
|
||||
const mockResponse = {
|
||||
success: true,
|
||||
data: {
|
||||
eventId: mockEventId,
|
||||
objective,
|
||||
status: 'DRAFT',
|
||||
createdAt: new Date().toISOString(),
|
||||
},
|
||||
message: '이벤트가 생성되었습니다 (Mock)',
|
||||
};
|
||||
|
||||
console.log('🎭 Mock API Response:', mockResponse);
|
||||
|
||||
return NextResponse.json(mockResponse, { status: 201 });
|
||||
} catch (error) {
|
||||
console.error('❌ Mock API Error:', error);
|
||||
|
||||
return NextResponse.json(
|
||||
{
|
||||
success: false,
|
||||
errorCode: 'MOCK_ERROR',
|
||||
message: 'Mock API 오류가 발생했습니다',
|
||||
details: error instanceof Error ? error.message : 'Unknown error',
|
||||
},
|
||||
{ status: 500 }
|
||||
);
|
||||
}
|
||||
}
|
||||
@ -29,11 +29,17 @@ const EVENT_HOST = process.env.NEXT_PUBLIC_EVENT_HOST || 'http://localhost:8080'
|
||||
/**
|
||||
* Event Service용 API 클라이언트
|
||||
* Event Service는 별도 포트(8080)에서 실행되므로 별도 클라이언트 생성
|
||||
*
|
||||
* 로컬 개발 환경: Next.js rewrites 프록시 사용 (CORS 회피)
|
||||
* 프로덕션 환경: 환경 변수에서 직접 호스트 사용
|
||||
*/
|
||||
import axios from 'axios';
|
||||
|
||||
const isProduction = process.env.NODE_ENV === 'production';
|
||||
const API_BASE_URL = isProduction ? EVENT_HOST : ''; // 개발 환경에서는 상대 경로 사용
|
||||
|
||||
const eventApiClient = axios.create({
|
||||
baseURL: EVENT_HOST,
|
||||
baseURL: API_BASE_URL,
|
||||
timeout: 30000,
|
||||
headers: {
|
||||
'Content-Type': 'application/json',
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user