Erlaubte Domains

Dein API-Schlüssel ist Teil des Codes deiner Web-App, sodass ihn jeder im Browser lesen kann. Um andere Websites daran zu hindern, es zu verwenden, beschränke es auf deine eigenen Domains.

Erlaubte Domains hinzufügen

Öffne deine Kontoseite und füge jede Domain, auf der deine App läuft, unter Erlaubte Domains hinzu. Änderungen werden innerhalb einer Minute wirksam.

Wenn die Liste leer ist, kann jede Website deinen Schlüssel verwenden. Das ist die Standardeinstellung. Einschränkungen treten in Kraft, wenn du deine erste Domain hinzufügst.

Sobald die Liste mindestens einen Eintrag hat, erhalten nur passende Websites Übersetzungen. Anfragen von anderen Websites geben den Fehler ORIGIN_NOT_ALLOWED zurück und ihr Text bleibt unübersetzt.

Was du eingeben kannst

Eintrag	Erlaubt
example.com	example.com auf jedem Schema und Port
*.example.com	jede Subdomain, wie www.example.com oder app.example.com, aber nicht example.com selbst
my-app-*.vercel.app	Bereitstellungen wie my-app-git-main.vercel.app in der Vorschau anzeigen
https://example.com	nur https://example.com
localhost:3000	nur Port 3000 auf localhost
localhost	localhost an einem beliebigen Port

* entspricht allen Zeichen. Um eine Domain und all ihre Subdomains zuzulassen, füge sowohl example.com als auch *.example.com hinzu.

Lokal entwickeln

Füge localhost hinzu, um den Schlüssel während der Entwicklung weiter zu verwenden. Andernfalls funktionieren Übersetzungen auf deinem Computer nicht mehr, sobald die Liste einen Eintrag enthält.

Serverseitiges Rendern

Server haben keine Domain. Sobald dein Schlüssel auf deine Domains beschränkt ist, benötigen React SSR, Next.js und Angular Pre-Rendering daher einen geheimen Schlüssel.