Apply proxy setting for graphql

packages/web/env.d.ts

@@ -1,7 +1,3 @@
-interface ImportMetaEnv {
-  readonly VITE_DRFED_URL: string;
-}
-
 interface ImportMeta {
   readonly env: ImportMetaEnv;
 }

packages/web/src/RelayEnvironment.ts

@@ -35,7 +35,13 @@ const fetchFn: FetchFunction = async (params, variables) => {
   if (accessToken !== undefined) {
     headers.Authorization = `Bearer ${accessToken}`;
   }
-  const response = await fetch(import.meta.env.VITE_DRFED_URL, {
+
+  const url = new URL(
+    "/graphql",
+    event?.request.url ?? globalThis.location.href,
+  );
+
+  const response = await fetch(url, {
     method: "POST",
     headers,
     body: JSON.stringify({

packages/web/vite.config.ts

@@ -23,7 +23,16 @@ import relay from "vite-plugin-relay-lite";
 export default defineConfig(({ command }) => ({
   plugins: [
     solidStart(),
-    nitro(),
+    nitro({
+      routeRules: {
+        "/graphql": {
+          proxy: {
+            to: "http://127.0.0.1:8888/graphql",
+            forwardHeaders: ["accept"],
+          },
+        },
+      },
+    }),
     relay({ codegen: command !== "build" }),
     {
       ...cjsInterop({ dependencies: ["relay-runtime"] }),