SDK-Integrationsfehler mit Axeptio in Nuxt3

Question

Ich entwickle derzeit ein Nuxt3-Projekt und muss die von Axeptio (Cookie-Plattform) bereitgestellten Skripte integrieren.

Ich habe das Nuxt3-Plugin erstellt, um deren Skriptintegration zu nutzen

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

Aber das wird werfen

Uncaught TypeError: Eigenschaft von undefiniert kann nicht gelesen werden (lesen Sie „REACT_APP_SC_ATTR“)

Also habe ich es in Nuxt2 ausprobiert und es funktioniert gut.

Was muss ich tun, damit es funktioniert?

Answer 1

Nuxt3基于Vite，因此不使用process.env作为Webpack4（在Nuxt2中）。
这是如何在 Nuxt3 中访问环境变量，方法是使用import.meta.env.YOUR_COOL_ENV_VAR。