Чтобы использовать .envв проекте Ionic Vue, вы можете использовать следующие методы:
Метод 1: использование пакета dotenv
-
Установите пакет
dotenv, выполнив следующую команду:npm install dotenv -
Создайте файл
.envв корневом каталоге вашего проекта. -
Добавьте переменные среды в файл
.env. Например:API_KEY=your_api_key BASE_URL=https://example.com -
В вашем основном файле записи (например,
main.tsилиmain.js) импортируйте и настройтеdotenvпо адресу начало файла:import { config } from 'dotenv'; config(); -
Теперь вы можете получить доступ к переменным среды в любом месте вашего проекта, используя
process.env. Например:const apiKey = process.env.API_KEY; const baseUrl = process.env.BASE_URL;
Метод 2: использование переменных среды Vue CLI
-
Создайте файл
.envв корневом каталоге вашего проекта. -
Добавьте переменные среды в файл
.env. Добавьте к ним префиксVUE_APP_, чтобы сделать их доступными в вашем проекте. Например:VUE_APP_API_KEY=your_api_key VUE_APP_BASE_URL=https://example.com -
Перезапустите сервер разработки, чтобы изменения вступили в силу.
-
Вы можете получить доступ к переменным среды в ваших компонентах Vue, используя
process.env. Например:const apiKey = process.env.VUE_APP_API_KEY; const baseUrl = process.env.VUE_APP_BASE_URL;