Как загрузить переменные среды в Vue.js без веб-пакета?

Question

Вопрос имеет все, но в основном я установил новое приложение vue без веб-пакета.Когда я пытаюсь сделать:

handleSubmit() {
  axios
    .post(`${process.env.VUE_APP_API_URL}`)
    .then(response => (this.info = response));
  this.$router.push({ name: "ConversationsList" });
}

Это не определено.В моем файле .env есть:

VUE_APP_API_URL=http://localhost:3000

Что мне теперь делать?

Answer 1

Легко исправить.Создан файл с именем vue.config.js:

const webpack = require('webpack')

module.exports = {
    configureWebpack: {
        plugins: [
            new webpack.DefinePlugin({
                'process.env': {
                    NODE_ENV: JSON.stringify(process.env.NODE_ENV)
                }
            })
        ]
    }
}