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

Question

Я использую React и Node в Google App Engine (гибкая среда).

Я хотел бы иметь возможность изменять конфигурацию своего приложения в зависимости от настроек среды: Производство против разработки.

В разработке у меня есть следующие настройки: я запускаю свое приложение реагирования в браузере, используя localhost: 5050, и запускаю приложение узла на моем localhost: 8080 в package.json. Я использую Proxy: "proxy": "http://localhost:8080"В запросах API используются локальные URL-адреса: «localhost: 8080 / что-то»

В Production у меня есть следующая настройка: прокси не требуется; URL-адреса API: «https://www.example.com/something"

Как мне сделатьуверены, что при запуске приложений на локальном хосте мои запросы API будут использовать локальный домен и прокси будет использоваться?есть ли способ настроить его через package.json или через какую-то другую опцию?

Answer 1

Вам необходимо использовать файлы .env для указания URL-адресов API.

Если вы используете CRA, см. Ответ на этот вопрос: Как настроить сборку.Переменные env при запуске сценария сборки create-реагировать на приложение?

Если вы используете веб-пакет, см. этот учебник: Использование переменных среды в React

PSФункция прокси в package.json не предназначена для производства, как упомянуто в этом ответе , потому что это просто функция разработки.