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

Question

Я пытаюсь установить 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://localhost:3000/, но я получил неопределенный

Answer 1

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

Должно работать так:

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

Answer 2

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

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