Переменная env в файле JSON в общей папке CRA

Question

У меня есть этот config.json файл, расположенный в моей общедоступной папке, в который мне нужно поместить несколько параметров, отличающихся в режимах разработки и производства. Я получаю его, когда загружается мое приложение (fetch('config.json').then()).

Есть ли способ, которым мой config.json файл выглядит так:

{
  "url": "%REACT_APP_URL%"
}

Конечно, приведенный выше код не работает: есть ли другое решение?

Answer 1

Если вы используете create-реагировать на приложение, вам не нужно использовать файл конфигурации. Просто создайте файл .env в корневом каталоге и добавьте переменные среды:

URL=REACT_APP_URL

В вашем приложении просто сделайте что-то вроде

const url = process.env.REACT_APP_URL

Проверьте мой пост https://medium.com/@selom/nice-article-a446406f4447