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

Question

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

Answer 1

您需要在 Webpack 中引用 .env 文件，以便将变量编译到构建中。您不能引用变量的原因是它们没有被解析到您的 build/public 文件夹中。

Answer 2

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

它应该这样工作：

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

Can't set env variables in my vuejs2 project