無法訪問 NuxtJS 應用程序頭中導入的腳本中的 .env 變量

Question

在nuxtJS 3中，我能夠通過nuxt.config.ts加載腳本，但是當嘗試訪問加載腳本中的process.env.VARIABLE_NAME時，它的undefined -

這是我的nuxt.config.ts -

meta: {
 script: [{ src: '/test.js' }, { src: '/demo/demo.js' }],
}

這被注入到HTML中 -

<script src="/test.js"></script>
<script src="/demo/demo.js"></script>

注意-

該腳本適用於 New Relic，它具有一些機密的 .env 變量，這就是為什么需要對世界隱藏它的原因。

請建議我一種在這些腳本中訪問我的 .env 變量的方法。 通過Plugins嘗試但沒有運氣。

Answer 1

我認為您正在使用 Vite。 你可以試試下面::

nuxt.config.ts

env: {
    baseUrl: process.env.BASE_URL || 'http://localhost:3000'
  },
  meta: {
    script: [{ src: '/test.js', type: "module" }],
  },

.env

VITE_BASE_URL = http://localhost:3001

測試.js

console.log(`variable ::: ${import.meta.env.VITE_BASE_URL}`)

Answer 2

我們不必擔心New Relic提供的腳本中的這些 Env 變量。 這是支持此聲明的社區答案-

所以，最終我在沒有從腳本中刪除新的 relic 變量的情況下完成了我的實現。 但是，將來如果有人想發布我們怎么能，答案將是最受歡迎的！