fix: use absolute path in gql client (#5454) (#5462)

packages/frontend/graphql/src/index.ts

@@ -2,4 +2,15 @@ export * from './fetcher';
 export * from './graphql';
 export * from './schema';
 export * from './utils';
-import '@affine/env/global';
+
+import { setupGlobal } from '@affine/env/global';
+
+setupGlobal();
+
+export function getBaseUrl(): string {
+  if (environment.isDesktop) {
+    return runtimeConfig.serverUrlPrefix;
+  }
+  const { protocol, hostname, port } = window.location;
+  return `${protocol}//${hostname}${port ? `:${port}` : ''}`;
+}

packages/frontend/workspace/src/affine/gql.ts

@@ -7,7 +7,7 @@ import type {
   QueryVariables,
   RecursiveMaybeFields,
 } from '@affine/graphql';
-import { gqlFetcherFactory } from '@affine/graphql';
+import { getBaseUrl, gqlFetcherFactory } from '@affine/graphql';
 import type { GraphQLError } from 'graphql';
 import { useCallback, useMemo } from 'react';
 import type { Key, SWRConfiguration, SWRResponse } from 'swr';
@@ -22,7 +22,7 @@ import useSWRMutation from 'swr/mutation';
 
 setupGlobal();
 
-export const fetcher = gqlFetcherFactory('/graphql');
+export const fetcher = gqlFetcherFactory(getBaseUrl() + '/graphql');
 
 /**
  * A `useSWR` wrapper for sending graphql queries

packages/frontend/workspace/src/impl/cloud/blob.ts

@@ -2,6 +2,7 @@ import {
   checkBlobSizesQuery,
   deleteBlobMutation,
   fetchWithTraceReport,
+  getBaseUrl,
   listBlobsQuery,
   setBlobMutation,
 } from '@affine/graphql';
@@ -10,14 +11,6 @@ import { fetcher } from '../../affine/gql';
 import type { BlobStorage } from '../../engine/blob';
 import { bufferToBlob } from '../../utils/buffer-to-blob';
 
-function getBaseUrl(): string {
-  if (environment.isDesktop) {
-    return runtimeConfig.serverUrlPrefix;
-  }
-  const { protocol, hostname, port } = window.location;
-  return `${protocol}//${hostname}${port ? `:${port}` : ''}`;
-}
-
 export const createAffineCloudBlobStorage = (
   workspaceId: string
 ): BlobStorage => {