Доступ к конфигурации герока VAR в моем приложении React

Question

Я определил конфигурационную переменную "BASE_URL" в своем приложении Heroku, и я пытаюсь получить к нему доступ в своем приложении React как

process.env.BASE_URL

но это дает мне неопределенное значение, когда я console.log, поскольку он, кажется, не существует. Как я могу получить доступ к настройкам Heroku в моем приложении React?

Answer 1

Если вы используете Create React App (или реакции-скрипты), добавьте к переменной REACT_APP_, например, REACT_APP_BASE_URL, и Create React App автоматически использует ее значение во время процесса сборки .

Примечание: вы не должны раскрывать какие-либо секреты, например, API ключи или пароли, таким образом. Фактическое содержимое всех этих переменных добавляется к самим файлам производственной сборки, и к ним можно легко получить доступ, просто прочитав общедоступные файлы кода.

Answer 2

Вы должны использовать модуль , который загружает переменные среды . Тогда,

require('dotenv').config()
...
console.log(process.env.BASE_URL);

Проверьте это сообщение , очень полезно.