허용된 도메인
API 키는 웹 앱 코드의 일부이므로 누구나 브라우저에서 읽을 수 있어.다른 웹사이트에서 사용하지 못하게 하려면 자신의 도메인으로 제한해.
허용된 도메인 추가
계정 페이지를 열고 앱이 실행되는 각 도메인을 허용된 도메인에 추가해.변경은 1분 안에 적용돼.
목록이 비어 있으면 어떤 웹사이트에서든 네 키를 사용할 수 있어.이게 기본이야.첫 도메인을 추가하면 제한이 적용돼.
목록에 항목이 하나 이상 있으면 일치하는 웹사이트만 번역을 받아.다른 웹사이트에서 요청하면 ORIGIN_NOT_ALLOWED 오류가 반환되고 텍스트는 번역되지 않은 상태로 남아 있어.
입력할 수 있는 것
| 엔트리 | 허용해. |
|---|---|
example.com | 모든 구성표와 항구에서 example.com |
*.example.com | www.example.com 또는 app.example.com 같은 모든 하위 도메인은 있지만 example.com 자체는 아니야 |
my-app-*.vercel.app | 배포 미리 보기 (예: my-app-git-main.vercel.app) |
https://example.com | 오직 https://example.com |
localhost:3000 | localhost 오직 3000번 포트야 |
localhost | 아무 포트에서나 localhost |
* 모든 캐릭터와 일치해.도메인과 모든 하위 도메인을 허용하려면 example.com, *.example.com 둘 다 추가해.
현지에서 개발 중
개발하는 동안 키를 계속 사용하려면 localhost 추가해.그렇지 않으면 목록에 항목이 생기자마자 컴퓨터에서 번역 작동이 멈춰.
서버 사이드 렌더링
서버에는 도메인이 없으므로 키가 도메인으로 제한되면 React SSR, Next.js, Angular 사전 렌더링에는 비밀 키가 필요해.