EU CAPTCHA für Nuxt.js

Häufig gestellte Fragen

• Wie füge ich EU CAPTCHA zu einer Nuxt.js-Anwendung hinzu?

  Installieren Sie das Paket mit npm i @myrasec/eu-captcha-vue. Importieren Sie { EuCaptcha, isEuCaptchaDone } from '@myrasec/eu-captcha-vue' in Ihrem <script setup>. Umschließen Sie das Widget mit <ClientOnly> oder verwenden Sie onMounted für SSR-Sicherheit. Rufen Sie isEuCaptchaDone() beim Absenden auf und validieren Sie den Token in einer Nuxt-Server-Route unter server/api/.

• Funktioniert EU CAPTCHA mit Nuxt 3 und der Composition API?

  Ja. Das Paket @myrasec/eu-captcha-vue ist für Vue 3 entwickelt und lässt sich nahtlos in die Composition API von Nuxt 3 integrieren. Importieren Sie die Komponente in <script setup> und verwenden Sie die Props :on-complete, :on-expired und :on-error, um auf Lebenszyklusereignisse des Widgets zu reagieren. Das Auto-Import-System von Nuxt hat keinen Einfluss auf das Paket, daher ist der explizite Import erforderlich.

• Wie verhindere ich SSR-Fehler mit EU CAPTCHA in Nuxt?

  Verwenden Sie die integrierte Wrapper-Komponente <ClientOnly> von Nuxt, um zu verhindern, dass die EuCaptcha-Komponente auf dem Server gerendert wird. Alternativ können Sie jegliche DOM-bezogene Logik innerhalb eines onMounted-Composables oder mit einer import.meta.client-Prüfung absichern. Dadurch wird sichergestellt, dass das Widget nur im Browser initialisiert wird und Hydration-Fehler vermieden werden.

• Kann ich den CAPTCHA-Token in einer Nuxt-Server-Route verifizieren?

  Ja. Erstellen Sie eine Server-Route unter server/api/verify.post.ts. Lesen Sie den eu-captcha-response-Token mit readBody aus dem Request-Body aus und validieren Sie ihn dann mit $fetch oder ofetch, indem Sie eine POST-Anfrage an die EU CAPTCHA Verification API mit Ihrem geheimen Schlüssel senden. Geben Sie anhand des API-Ergebnisses eine Erfolgs- oder Fehlerantwort zurück.

• Ist EU CAPTCHA mit useFetch und $fetch von Nuxt kompatibel?

  Ja. Übermitteln Sie den Token mit $fetch in einem asynchronen onSubmit-Handler oder mit useFetch für reaktives Datenabrufen an Ihre Server-Route. Für Formularübermittlungen ist $fetch in der Regel das klarste Muster, da es eine unkomplizierte Fehlerbehandlung und Benutzerfeedback ermöglicht, ohne reaktive Bindungen für einen einmaligen Vorgang einzuführen.

• Benötigt EU CAPTCHA ein dediziertes Nuxt-Modul?

  Nein. EU CAPTCHA wird über das Standard-npm-Paket @myrasec/eu-captcha-vue integriert und benötigt kein separates Nuxt-Modul. Sie können optional ein Composable im Verzeichnis composables/ erstellen, um die isEuCaptchaDone()-Prüfung zu kapseln, das Nuxt dann automatisch in allen Ihren Formularkomponenten importiert.

• Ist EU CAPTCHA DSGVO-konform für Nuxt.js-Anwendungen?

  Ja. EU CAPTCHA wird von einem in der EU ansässigen Unternehmen betrieben, ist vollständig in Deutschland gehostet und stützt sich nicht auf US-amerikanische Cloud-Anbieter oder Infrastrukturen, die US-Überwachungsgesetzen unterliegen. Der Dienst verarbeitet nur die Daten, die zur Bereitstellung und Verifizierung des CAPTCHAs erforderlich sind (wie IP-Adresse sowie technische Browser- oder Geräteinformationen), im Einklang mit den Anforderungen der DSGVO. Ihre Organisation bleibt verantwortlich für die Bereitstellung transparenter Datenschutzinformationen, die Wahl einer geeigneten Rechtsgrundlage und die Einholung etwaig erforderlicher Einwilligungen für Ihre spezifische Nuxt.js-Implementierung. Diese Informationen stellen keine Rechtsberatung dar; bitte konsultieren Sie Ihren Rechtsberater für eine Beurteilung Ihres individuellen Falls.