无法在我的vuejs2项目中设置环境变量

Question

我正在尝试在.env文件中设置我的API URL，我的.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/，但我没有得到定义

Answer 1

您需要在Webpack中引用.env文件，以便将变量编译到内部版本中。之所以不能引用变量，是因为它们没有被解析到build / public文件夹中。

我会使用类似 https://github.com/mrsteele/dotenv-webpack

Answer 2

您的.env文件中的语法错误。是VUE_APP_API_URL =和=而不是:。
而且您不需要双和单引号。

它应该这样工作：

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