如何访问 Nuxt 插件中的 .env 变量？

细分分析提供了一个包含秘密 API 密钥的代码片段。在我的Nuxt.js项目我创建了一个名为的插件segment.js我在我的nuxt.config.js:

nuxt.config.js

plugins: [
  {
    src: "~/plugins/segment.js",
    mode: 'client'
  }
]

In my plugins/segment.js文件我有我的片段：

!function(){var analytics=window.analytics=...analytics.SNIPPET_VERSION="4.13.2";
analytics.load(process.env.SEGMENT_API_SECRET);
analytics.page();
}}();

显然我不想让我的秘密 API 密钥暴露在那里，所以我把它存储在我的.env文件代替：

.env

SEGMENT_API_SECRET=FR4....GSDF3S

问题：process.env.SEGMENT_API_SECRET in plugins/segment.js is undefined所以该片段不起作用。我如何访问我的.env多变的SEGMENT_API_SECRET从我的插件plugins/segment.js?

将您的环境变量设置为nuxt.config.js

export default {
  publicRuntimeConfig: {
    segmentApiSecret: process.env.SEGMENT_API_SECRET,
  }
}

然后，这个应该可以解决问题

// segment.js
export default ({ $config: { segmentApiSecret } }) => {
  !function(){var analytics=window.analytics=...analytics.SNIPPET_VERSION="4.13.2";
  analytics.load(segmentApiSecret);
  analytics.page();
  }}();
}

UPDATE: 我的更深入的回答可以是在这里找到 too.