Веб-интерфейс Vue.js, узел / экспресс-сервер (API), множественное развертывание

Question

У меня есть приложение Vue.js, которое имеет API доступа, построенный на узле / экспрессе.Поэтому я установил process.env.API_URL в ' localhost ' для dev и ' MyProductionServer.url ' для prod.Но переменная API_URL загружается во время сборки / компиляции.

Так что теперь, если я хочу передать приложение Vue и приложение backend клиенту.Нужно ли запрашивать их URL-адрес рабочего сервера, чтобы я мог отредактировать переменную API_URL и собрать заново?Как я могу сделать это динамически, чтобы при запуске приложения Vue оно загружало переменную env во время выполнения, а не во время компиляции?

Решает ли это dotenv?

Answer 1

в dotenv или, вернее, в .env файле вы помещаете свой dburl, имя пользователя и пароль для доступа к этой базе данных.На вашем локальном компе у вас будут кредиты для доступа к вашей локальной базе данных, в то время как когда вы загружаете свое приложение, например, в heroku, вы не загружаете файл .env, а используете конфигурационную панель Heroku для создания таких же переменных, которые были в файле .env, только со значениями.для живого дб.Также добавьте .env к .gitignore

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