refactor: 가격표 섹션 히어로 아래로 이동 및 탭 스타일 통일
- 가격표 섹션을 페이지 하단에서 히어로 바로 아래로 이동 - 상단 패딩 축소 (py-24 → pt-12 pb-24) - 서브탭(서울/글로벌 타입) 스타일을 메인탭과 동일하게 통일 - Pages Functions API 프록시 추가 (functions/) - wrangler.toml 및 TypeScript 설정 추가 Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
102
functions/_shared/proxy.ts
Normal file
102
functions/_shared/proxy.ts
Normal file
@@ -0,0 +1,102 @@
|
||||
/**
|
||||
* Shared proxy utilities for Cloudflare Pages Functions
|
||||
* Handles CORS, error responses, and Worker API forwarding
|
||||
*/
|
||||
|
||||
export interface Env {
|
||||
WORKER_API_KEY: string;
|
||||
WORKER_API_URL: string;
|
||||
DB: D1Database;
|
||||
}
|
||||
|
||||
export interface ErrorResponse {
|
||||
success: false;
|
||||
error: string;
|
||||
details?: any;
|
||||
}
|
||||
|
||||
const CORS_HEADERS = {
|
||||
'Access-Control-Allow-Origin': 'https://hosting.anvil.it.com',
|
||||
'Access-Control-Allow-Methods': 'GET, POST, OPTIONS',
|
||||
'Access-Control-Allow-Headers': 'Content-Type',
|
||||
} as const;
|
||||
|
||||
/**
|
||||
* Create CORS preflight response
|
||||
*/
|
||||
export function createCorsPreflightResponse(): Response {
|
||||
return new Response(null, {
|
||||
status: 204,
|
||||
headers: CORS_HEADERS,
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* Create error response with CORS headers
|
||||
*/
|
||||
export function createErrorResponse(
|
||||
error: string,
|
||||
status: number = 500,
|
||||
details?: any
|
||||
): Response {
|
||||
const body: ErrorResponse = {
|
||||
success: false,
|
||||
error,
|
||||
...(details && { details }),
|
||||
};
|
||||
|
||||
return new Response(JSON.stringify(body), {
|
||||
status,
|
||||
headers: {
|
||||
...CORS_HEADERS,
|
||||
'Content-Type': 'application/json',
|
||||
},
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* Proxy request to Worker API with authentication
|
||||
*/
|
||||
export async function proxyToWorker(
|
||||
env: Env,
|
||||
path: string,
|
||||
options: RequestInit = {}
|
||||
): Promise<Response> {
|
||||
const workerUrl = `${env.WORKER_API_URL}${path}`;
|
||||
|
||||
try {
|
||||
const response = await fetch(workerUrl, {
|
||||
...options,
|
||||
headers: {
|
||||
...options.headers,
|
||||
'X-API-Key': env.WORKER_API_KEY,
|
||||
},
|
||||
});
|
||||
|
||||
// Clone response to add CORS headers
|
||||
const body = await response.text();
|
||||
return new Response(body, {
|
||||
status: response.status,
|
||||
statusText: response.statusText,
|
||||
headers: {
|
||||
...CORS_HEADERS,
|
||||
'Content-Type': response.headers.get('Content-Type') || 'application/json',
|
||||
},
|
||||
});
|
||||
} catch (error) {
|
||||
console.error(`[Proxy] Failed to fetch ${workerUrl}:`, error);
|
||||
return createErrorResponse(
|
||||
'Failed to connect to API server',
|
||||
503,
|
||||
error instanceof Error ? error.message : String(error)
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Build query string from URL search params
|
||||
*/
|
||||
export function buildQueryString(searchParams: URLSearchParams): string {
|
||||
const params = searchParams.toString();
|
||||
return params ? `?${params}` : '';
|
||||
}
|
||||
Reference in New Issue
Block a user