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。