Ralat penyepaduan SDK dengan Axeptio dalam Nuxt3

Question

Saya sedang membangunkan projek Nuxt3 dan perlu menyepadukan skrip yang disediakan oleh Axeptio (platform kuki).

Saya membuat pemalam Nuxt3 untuk menggunakan penyepaduan skrip mereka

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

Tetapi ini akan membuang

Uncaught TypeError: Tidak dapat membaca sifat undefined (baca 'REACT_APP_SC_ATTR')

Jadi saya mencubanya dalam Nuxt2 dan ia berfungsi dengan baik.

Apakah yang perlu saya lakukan untuk menjadikannya berkesan?

Answer 1

Nuxt3 berasaskan Vite, jadi tidak menggunakan process.env sebagai Webpack4 (dalam Nuxt2).
Ini ialah cara mengakses pembolehubah persekitaran dalam Nuxt3 menggunakan import.meta.env.YOUR_COOL_ENV_VAR.