Блог

Главная - Вопросы по программированию - Не удается установить переменные env в моем проекте vuejs2

Не удается установить переменные env в моем проекте vuejs2

#vuejs2 #environment-variables #undefined #vue-cli-3

#vuejs2 #переменные среды #не определено #vue-cli-3

Вопрос:

Я пытаюсь установить URL-адрес моего API в файле .env, мой файл .env находится в корневой папке моего проекта. Я использую префикс VUE_APP_.

Согласно файлу doc .env загружается в любом случае. Так разве я не должен получать это каждый раз?

Я использую macOS, без Vuex.

Мой файл .env

 VUE_APP_API_URL: '"http://localhost:3000/"'

Мой файл .vue

         data() {
            return {
                test: process.env.VUE_APP_API_URL
            }
        },

Я ожидал получить http://localhost:3000 / но я получаю неопределенный

Ответ №1:

Ваш синтаксис неправильный в вашем .env файле. Это VUE_APP_API_URL = с = не : .
И вам не нужны двойные и простые кавычки.

Это должно работать таким образом:

 VUE_APP_API_URL = 'http://localhost:3000/'

Комментарии:

1. Должно быть, я устал в конце недели, большое вам спасибо.

Ответ №2:

Вам нужно будет сослаться на файл .env в Webpack, чтобы переменные были скомпилированы в сборку. Причина, по которой вы не можете ссылаться на переменные, заключается в том, что они не анализируются в вашей сборке / общедоступной папке.

Я бы использовал что-то вродеhttps://github.com/mrsteele/dotenv-webpack