Как мне реализовать env vairables с интерфейсом Vue и интерфейсом рельсов? Нужно ли использовать пакет dotenv для выполнения этой задачи?

Question

Я начал работать над проектом, в котором есть несколько ключей API, которые необходимо защитить. Все мои личные проекты используют React и Node, но этот проект построен с использованием пряжи (с которой я незнаком). Я уже запустил yarn add dotenv, и я попытался использовать их документацию для запуска и запуска. Все console.log(process.env.***) возврат undefined.

До сих пор мой метод состоял в том, чтобы добавить мои переменные в файл .env, находящийся в корне проекта, и добавить require('dotenv').config() в файл application.js проекта, который нужно загрузить. Я читал, что Vue.js 3 не требует dotenv и вместо этого использует _VUE_APP, добавленный перед именем переменной (что я пытался убедиться, что это не работает с Vue 2.8. Спойлер, это не так).

Есть ли шаг, который я пропускаю? Стоит ли вообще использовать другой подход?

Заранее спасибо!

Answer 1

Предположим, у вас есть две среды: разработка и производство .

Чтобы иметь переменные для этих сред, создайте один файл для каждой среды в корневой папке. (где package.json или .gitignore), один файл с именем .env.development, а другой с именем .env.development, а затем просто создайте там переменные.

Например, допустим, нам нужна одна средапеременная с именем api-path , поэтому создайте переменную в каждом файле с именем VUE_APP_API_PATH (например, в среде разработки VUE_APP_API_PATH = http://localhost:3000).

Затем вы можете получить этизначения окружения с let API_route = process.env.VUE_APP_ROOT_API в скрипте нуждаются в этом значении.

Более подробная информация здесь: https://cli.vuejs.org/guide/mode-and-env.html#environment-variables

Надеюсь, это поможет.