Переменные Env не определены при доступе в приложении Vite React, размещенном в Google Cloud Run

1
6

Я успешно развернул приложение в Cloud Run, но у меня возникла огромная проблема с доступом к переменным среды. Я настроил постоянную интеграцию с Github, но сделал это через интерфейс GCP, что заняло всего 4-5 щелчков и не требовало написания каких-либо файлов YAML.

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

С учетом вышесказанного, мой вопрос заключается в том, где определить эти переменные? Я определил их во всех возможных местах. Они определены в переменных окружения службы Google Cloud Run (хотя это переменные времени выполнения), переменных репозитория Github и переменных Google Cloud Build. Таким образом, я определил переменные в трех разных местах, и они все еще не определены.

Вот мой code для экземпляра axios

Локально все работает нормально. Пожалуйста, помогите. Спасибо.

// axiosConfig.js
import axios from 'axios';

let baseUrl

console.log("Environment:", import.meta.env.VITE_ENVIRONMENT);

switch (import.meta.env.VITE_ENVIRONMENT){
    case "local":
        baseUrl = '/api'
        break;
    case "debug":
        baseUrl = import.meta.env.VITE_DEBUG_BASE_URL
        break;
    case "production":
        baseUrl = import.meta.env.VITE_PRODUCTION_BASE_URL
        break;
}

console.log("Base URL after switch:", baseUrl);

// Create an Axios instance
const axiosInstance = axios.create({
    baseURL: baseUrl,
    withCredentials: true, // If you need to send cookies
});

console.log("Axios Base URL:", axiosInstance.defaults.baseURL);
Платон
Вопрос задан7 февраля 2024 г.

1 Ответ

2
Кир
Ответ получен15 сентября 2024 г.

Ваш ответ

Загрузить файл.