api へのリクエストを Pages Function でプロキシ

.gitignore

@@ -1,3 +1,4 @@
 node_modules
 .direnv
+.wrangler
 CLAUDE.local.md

client/.env.preview

@@ -1,2 +1,2 @@
-VITE_API_ENDPOINT=https://api.itsuhima-staging.utcode.net
+VITE_API_ENDPOINT=/api
 VITE_FRONTEND_ORIGIN=https://itsuhima-staging.utcode.net

client/.env.production

@@ -1,2 +1,2 @@
-VITE_API_ENDPOINT=https://api.itsuhima.utcode.net
+VITE_API_ENDPOINT=/api
 VITE_FRONTEND_ORIGIN=https://itsuhima.utcode.net

client/.gitignore

@@ -13,6 +13,8 @@ dist-ssr
 *.local
 .env
 
+.wrangler
+
 # Editor directories and files
 .vscode/*
 !.vscode/extensions.json

client/functions/api/[[path]].ts

@@ -0,0 +1,26 @@
+/// <reference types="@cloudflare/workers-types" />
+
+interface Env {
+  API_ENDPOINT: string;
+}
+
+// biome-ignore lint/suspicious/noExplicitAny: This is a Cloudflare Worker context
+export async function onRequest(context: EventContext<Env, any, any>): Promise<Response> {
+  const { request, env } = context;
+  const url = new URL(request.url);
+  const backendUrl = env.API_ENDPOINT + url.pathname.replace(/^\/api/, "") + url.search;
+
+  const proxied = new Request(backendUrl, {
+    method: request.method,
+    headers: request.headers,
+    body: request.method !== "GET" && request.method !== "HEAD" ? request.body : undefined,
+    redirect: "manual",
+  });
+
+  const response = await fetch(proxied);
+  return new Response(response.body, {
+    status: response.status,
+    statusText: response.statusText,
+    headers: response.headers,
+  });
+}