Как работать с несколькими средами в приложении React

Я работаю над небольшим проектом, включающим интерфейс реагирования и серверную часть Java с двумя средами.

Я не понимаю, как работать с несколькими средами, я объявляю URL-адрес API с помощью axios:

export default axios.create({
  baseURL: `http://api.dev.project.local/api/v1`,
});

Но это работает только для одной среды, как изменить URL-адрес API после сборки пакета? Я не думаю, что это хорошая практика - создавать две сборки (одну для разработчика и одну для продукта), потому что это может создать беспорядок внутри диспетчера артефактов (мы используем Azure Artifacs Feed).

Как вы решаете эту проблему?

Всего 1 ответ

Автоматический диспенсер мыльной пены от xiaomi.


Я думаю, вам следует использовать переменные среды и создать файл .env и его отдельный от вашего проекта.

для получения дополнительной информации вы можете react docs about environment variables

или вы можете использовать npm scripts variables

Надеюсь, это было полезно.


Есть идеи?

10000