Nuxt3错误与Axeptio的SDK集成

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')
})

但这会

未定义的TypeError:无法读取未定义的属性(读取'REACT_APP_SC_ATTR')

所以我尝试了一个Nuxt2，它是正常工作的。

我能做些什么才能让它发挥作用？

Answer 1

Nuxt3基于Vite，因此不使用process.env作为Webpack4 (在Nuxt2中)。

这是如何使用import.meta.env.YOUR_COOL_ENV_VAR访问Nuxt3中的env变量。