Как пофиксить статичный baseUrl в openapi-fetch с использованием env переменных?

Question

[Сергей]

Есть обертка над фетчем которая извлекает схему из openapi.

src/api.ts

export const client = createClient<paths>({ baseUrl: getEnv('API'), fetch: customFetch });

Проблема
клиент инициализируется сразу, как браузер рендерит этот файл
и в этот момент env переменные еще не инициализированы, и внутри getEnv('API') лежит undefined.

Пример
// client.GET('api/route') == undefined/api/route

хочется сделать его статичным чтобы не передавать при каждом запросе переменную из .env.

могут быть еще варианты?

Comments

[Алексей Уколов]

клиент инициализируется сразу, как браузер рендерит этот файл
и в этот момент env переменные еще не инициализированы, и внутри getEnv('API') лежит undefined.

Термины "клиент/браузер" и "env" несовместимы. Вы уверены, что правильно понимаете принципы работы этих механизмов? Что происходит внутри функции getEnv?

[Сергей]

Алексей Уколов, getEnv просто достает переменную из .env по названию
const getEnv = (name) => process.env[name]

[Алексей Уколов]

Ну так в браузере нет никакого process. Странно, что он у вас не падает вообще при попытке обратиться к env, а возвращает undefined. Ну а если код всё же исполняется не в браузере, а на сервере, то тогда опять же непонятно почему возвращается undefined, а не нужное значение.

Так что никаких вариантов, кроме как передавать конкретное значение с сервера на клиент, нет. Это можно делать в момент запроса, а можно на этапе сборки подставлять значения прямо в скрипты (тут конкретное решение зависит от вашей системы сборки).

[Сергей]

не совсем понял из вашего комментария, зачем с сервера на клиент что-то передавать,

вызовы по типу fetch(`${getEnv("api")}/api/route) работают, потому что тут асинхронный вызов и переменные из .env инициализируются до этого момента и с ними проблем нет

мне нужно в baseUrl (пример кода выше) передать значение из .env которое будет при каждом запросе использоваться, но тут проблема в том что переменные из .env еще не доступны

[Алексей Уколов]

Для ответа нужно понимать где у вас запускается код и как он собирается.