Конфигурация Vite не работает с переменными среды и настройкой прокси-сервера ⇐ Javascript

[Anonymous]

У меня возникли проблемы с конфигурацией Vite для проекта React. Когда я использую простую конфигурацию, приложение загружается нормально, но когда я пытаюсь использовать более сложную настройку с переменными среды и прокси-сервером, приложение не загружается. Вот мой текущий файл vite.config.js:

Код: Выделить всё

import react from '@vitejs/plugin-react';
import { defineConfig } from 'vite';
import path from 'path';
import { fileURLToPath } from 'url';
import dotenv from 'dotenv';

const __dirname = path.dirname(fileURLToPath(import.meta.url));
dotenv.config({ path: path.resolve(__dirname, '../.env') });
const port = process.env.APP_PORT;
console.log('Server running on port'+ port);
console.log('Path:', __dirname);

export default defineConfig({
plugins: [react()],
base: './',
/* optimizeDeps: {
exclude: ['lucide-react'],
}, */
server: {
proxy: {
'/api': {
target: `http://127.0.0.1:${port || '5000'}`,
changeOrigin: true,
secure: false,
rewrite: (path) => path.replace(/^\/api/, ''),
}
}
}
});

Однако, когда я использую эту более простую конфигурацию, все работает нормально:

Код: Выделить всё

import react from '@vitejs/plugin-react';
import { defineConfig } from 'vite';

export default defineConfig({
plugins: [react()],
base: './'
})

Я добавил операторы console.log, чтобы проверить, правильно ли загружаются переменные среды, но я не уверен, в чем заключается проблема. Предполагается, что приложение передает запросы API на внутренний сервер, работающий на порту, указанном в файле .env.

Что я пробовал:

Защита файла .env находится в правильном месте (на один каталог выше файла vite.config.js).
Проверка синтаксических ошибок в конфигурации.
Временное удаление разделаоптимизацииDeps (который теперь закомментирован).Вопросы:

[*]Почему более сложная конфигурация может не загрузить приложение?
[*]Есть ли какие-либо общие подводные камни при использовании переменных среды в конфигурациях Vite, о которых мне следует знать?
[*]Есть ли лучший способ настроить прокси-сервер для моих запросов API?
< /ol>
Будем очень признательны за любую помощь или информацию!

Подробнее здесь: https://stackoverflow.com/questions/793 ... roxy-setup