如何获取在`env`对象中定义的Nuxt.js环境变量？

Question

我有一个.env文件，如下所示：

WP_API_PREFIX=somevalue
WP_ROOT=somevalue

然后在我的nuxt配置中，如下所示：

require('dotenv').config();

export default {
    mode: 'universal',
    env: {
        WP_ROOT: process.env.WP_ROOT,
        WP_REST_API_ENDPOINT: `${process.env.WP_ROOT}${process.env.WP_API_PREFIX}`
    },

然后在我的配置文件中，我想引用WP_REST_API_ENDPOINT对象，但我不知道如何。

我尝试过：

process.env.WP_REST_API_ENDPOINT

但是没有定义。

如何使用在env的nuxt.config.js对象中设置的环境？

Answer 1

在每个页面或布局中，您可能都有asyncData：

export default {
  asyncData({ env }) {
    return { env }
  }
}