【问题标题】:.Environment variables don't work in Vue.js. 环境变量在 Vue.js 中不起作用
【发布时间】:2021-03-19 11:49:42
【问题描述】:

我在 Vue3 项目的根目录中有 .env 文件。在 components 文件夹中,我有 Card.vue 和这段代码

console.log(process.env.FOO)

但在浏览器中,它显示未定义。

【问题讨论】:

    标签: javascript vue.js environment-variables


    【解决方案1】:

    变量必须以VUE_APP开头,因此

    `VUE_APP_FOO`
    

    【讨论】:

    • 它显示在运行 npm run serve 时没有定义这个 'VUE_APP_FOO'
    • 请先将.env文件中的变量名改为VUE_APP_FOO,然后再引用。
    【解决方案2】:

    这里有类似的问题。我很喜欢VUE_APP_FOO 来设置.env 中的变量,但是当console.log(process.env.VUE_APP_FOO) 时它仍然未定义。 使用 Vue2(Vue cli 4.5.11)

    【讨论】:

    • 在我的情况下解决了检查烦人的拼写错误和重新启动的问题。 @ToklCz 尝试使用console.log(process.env) 进行调试
    猜你喜欢
    • 2018-11-11
    • 1970-01-01
    • 2022-11-23
    • 2021-11-13
    • 2020-11-25
    • 1970-01-01
    • 1970-01-01
    • 2017-03-16
    相关资源
    最近更新 更多