Использование azure переменных приложения-приложения службы приложений в reactjs приложении для машинописного текста, возвращающем неопределенное значение

Question

У меня есть служба приложений с Node.js стеком времени выполнения, обслуживающим приложение ReactJs Typescript. У меня есть несколько URL-адресов API в настройках приложения. Я пытался получить доступ к ним в ReactJs компонентах, используя process.env.REACT_APP_URL, однако он возвращает меня неопределенным. Я определил настройки приложения, как показано на этом снимке экрана

У меня есть подобное отдельное приложение с таким же Node.js временем выполнения стек только для бэкэнда APIS. Я имею то же самое в том, что с помощью process.env для доступа к настройкам приложения, и это работает в этом приложении. Но в ReactJs Typescripts это говорит неопределенный. Пожалуйста, дайте мне знать, как параметры среды приложения могут использоваться в сервисе приложения для ReactJs, обслуживаемого через Node.JS.

Answer 1

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

Итак, в моем решении я создаю файл .env.development.local и .env.production.local в root моего проекта. Для локального теста потребуется среда .env.development.local, а при запуске npm run build среда .env.production.local.

В .env.production.local я задаю значение REACT_APP_testkey=testvaluedevelop и использую process.env.REACT_APP_testkey, чтобы прочитать затем введите npm run build, затем опубликуйте sh до azure.