vuejs2 - 无法在我的 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/但我没有定义

标签： vuejs2environment-variablesundefinedvue-cli-3

Answer 1

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

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