Skip to content

API_KEY_FIX.md

Latest commit

 

History

History
81 lines (58 loc) · 2.65 KB

API_KEY_FIX.md

File metadata and controls

81 lines (58 loc) · 2.65 KB
Raw

修复 API Key 无效错误 - 详细步骤

问题

控制台显示：Firebase: Error (auth/api-key-not-valid.-please-pass-a-valid-api-key.)

必须完成的检查清单

✅ 步骤 1: 检查 API Key 限制设置

  1. 在 Google Cloud Console，点击 "Browser key (auto created by Firebase)"
  2. 在打开的页面中，检查以下设置：

API restrictions（API 限制）：

  • ✅ 必须选择 "Don't restrict key" (不限制密钥)
  • ❌ 不要选择 "Restrict key" 或限制特定 API

Application restrictions（应用限制）：

  • ✅ 必须选择 "None" (无限制)
  • ❌ 不要选择 HTTP referrers 或其他限制
  1. 点击 Save (保存)
  2. 等待 2-3 分钟让更改生效

✅ 步骤 2: 启用 Identity Toolkit API（必须！）

  1. 在 Google Cloud Console，点击左侧菜单 "Library" (库)
  2. 在搜索框输入："Identity Toolkit API"
  3. 点击搜索结果中的 "Identity Toolkit API"
  4. 如果显示 "Enable" 按钮，点击它
  5. 等待启用完成（可能需要几秒钟）
  6. 确认状态显示为 "Enabled" (已启用)

✅ 步骤 3: 验证 Firebase Console 设置

  1. 访问 https://console.firebase.google.com/
  2. 选择项目：jobtracker-c0f5e
  3. 点击 Authentication > Sign-in method
  4. 确认 Google 是 Enabled (绿色，已启用)
  5. 如果未启用，点击 Google，切换为 Enabled，保存

✅ 步骤 4: 检查授权域名

  1. 在 Firebase Console，Authentication > Settings
  2. 向下滚动到 "Authorized domains"
  3. 确认 localhost 在列表中
  4. 如果没有，点击 "Add domain" 添加 localhost

✅ 步骤 5: 验证 API Key 是否正确

  1. 在 Firebase Console，Project Settings > General
  2. 向下滚动到 "Your apps"
  3. 找到你的 Web 应用
  4. 查看显示的配置信息
  5. 确认 apiKey 与 src/utils/firebase.js 中的完全一致

如果以上都完成了还是不行

尝试重新创建 API Key

  1. 在 Google Cloud Console > Credentials
  2. 点击 "Browser key (auto created by Firebase)"
  3. 点击 "Regenerate key" (重新生成密钥)
  4. 复制新的 API key
  5. 更新 src/utils/firebase.js 中的 apiKey
  6. 保存文件，刷新页面

或者创建新的 Web 应用

  1. 在 Firebase Console > Project Settings
  2. 在 "Your apps" 部分，点击 "Add app" > Web
  3. 注册新的 Web 应用
  4. 复制新的配置信息
  5. 更新 src/utils/firebase.js

重要提示

  • API key 限制更改可能需要 2-5 分钟才能生效
  • 确保 Identity Toolkit API 已启用（这是最常见的遗漏）
  • 清除浏览器缓存后重试
  • 如果使用 VPN，尝试关闭 VPN 后重试