无法访问组件nuxt中的process.env变量

Question

在nuxt配置中，我有env对象

env: {
    hey: process.env.hey || 'hey'
},

一旦我想在组件模板中显示它：

{{ process.env.hey }}

我有一个错误

无法读取未定义的属性'env'

任何想法会导致什么？

Answer 1

Vue组件无法直接访问环境变量。可以将其视为Vue在客户端，而环境变量在服务器端。

可能有几种解决方法。如果您使用的是webpack，这是一种选择：

https://webpack.js.org/plugins/define-plugin/

您可以在客户端将环境变量定义为全局变量。