Не могу установить переменные env в моем проекте vuejs2
Я пытаюсь установить URL-адрес API в файле .env, мой файл .env находится в корневой папке моего проекта. Я использую префикс VUE_APP_.
Согласно документу файл .env загружается в любом случае. Так не должен ли я получать его каждый раз?
Я использую MacOS, без Vuex.
Мой файл .env
VUE_APP_API_URL: '"http://localhost:3000/"'
Мой файл .vue
data() {
return {
test: process.env.VUE_APP_API_URL
}
},
Я ожидал получить http://локальный: 3000/, но получил undefined
Ответы 2
Вам нужно будет сослаться на файл .env в Webpack, чтобы переменные были скомпилированы в сборку. Причина, по которой вы не можете ссылаться на переменные, заключается в том, что они не анализируются в вашей сборке/общедоступной папке.
я бы использовал что-то вроде https://github.com/mrsteele/dotenv-вебпак
Ваш синтаксис неверен в вашем файле .env. Это VUE_APP_API_URL = с = не :.
И вам не нужны двойные а также простые кавычки.
Это должно работать следующим образом:
VUE_APP_API_URL = 'http://localhost:3000/'
Должно быть, я устал в эти выходные, лол, большое спасибо.