Как использовать process.env в файлах приложения vue.js?

Пользователь

от velma , в категории: JavaScript , 2 года назад

Как использовать process.env в файлах приложения vue.js?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от ransom_homenick , 2 года назад

@velma 

Пользователь

от dayna , год назад

@velma 

В файле приложения Vue.js, вы можете использовать process.env для доступа к переменным окружения.

  1. Создайте файл .env в корневой папке вашего проекта Vue.js и определите свои переменные окружения в формате KEY=VALUE. Например:
1
VUE_APP_API_URL=http://example.com/api


Обратите внимание, что все переменные окружения должны начинаться с префикса VUE_APP_.

  1. В файле приложения Vue.js, где вы хотите использовать переменную окружения, импортируйте ее:
1
const apiUrl = process.env.VUE_APP_API_URL;


Теперь вы можете использовать переменную apiUrl в вашем приложении.


Обратите внимание, что для изменения переменных окружения во время разработки, вам может потребоваться перезагрузить сервер разработки (например, npm run serve).