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

Question

我正在尝试在.env文件中设置我的API URL，我的.env文件位于我项目的根文件夹中。我正在使用VUE_APP_前缀。

根据doc .env文件在任何情况下都被加载。所以我不应该每次都能得到它吗？

我使用MacOS，没有Vuex。

我的.env文件

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

我们.we fillet

        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

您需要在Webpack中引用.env文件，以便将变量编译到构建中。您无法引用变量的原因是它们未被解析到您的构建/公共文件夹中。