Nuxt3 中的 SDK 與 Axeptio 整合錯誤

Question

我目前正在開發一個 Nuxt3 項目，需要整合 Axeptio（cookie 平台）提供的腳本。

我製作了 Nuxt3 外掛程式來使用他們的腳本整合

export default defineNuxtPlugin((useNuxtApp) => {
  ;(<any>window).axeptioSettings = {
    clientId: '...',
    cookiesVersion: '...',
  }

  ;(function (d, s) {
    var t:any = d.getElementsByTagName(s)[0],
      e: any = d.createElement(s)
    e.async = true
    e.src = '//static.axept.io/sdk.js'
    t.parentNode.insertBefore(e, t)
  })(document, 'script')
})

但這會拋出

未捕獲類型錯誤：無法讀取未定義的屬性（讀取“REACT_APP_SC_ATTR”）

所以我在 Nuxt2 中嘗試了一下，它工作正常。

我該怎麼做才能讓它發揮作用？

Answer 1

Nuxt3是基於Vite，因此不使用process.env作為Webpack4（在Nuxt2中）。
這是如何在 Nuxt3 中存取環境變量，方法是使用import.meta.env.YOUR_COOL_ENV_VAR。