React JS указать в api Url динамически

В проекте для запроса я прописывала урл таким образом: в отдельный файл выносила переменную baseUrl = 'https://www.test.ru/smth', импортировала переменную в файл, где дергала апи через метод fetch (например, fetch(${baseUrl}/user/is-superadmin).

Сейчас требуется сделать так, чтобы один и тот же код на реакт был развернут через devops на 3 разных стенда, то есть у меня должно быть 4 разных baseUrl. При сборке бандла урл уже зафиксирован, поменять его невозможно.

Мы пытались в webpack прописать урл через динамическую переменную REACT_APP_API_URL = ${BACK_URL} и обратиться в fetch к урлу так: fetch(${process.env.REACT_APP_API_URL}upload). Использовали библиотеку Dotenv. Devops все же не может при сборке npm run build подставлять на место BACK_URL разные адреса.

Как еще динамически можно менять урл на фронте при сборке для разных стендов?


Ответы (0 шт):