使用 Angular 时出现 Firebase 实时数据库 CORS 错误

Question

尝试将数据发送到 Firebase 实时数据库时出现 CORS 错误。仅当我使用 Angular 而不是 React 时才会发生这种情况。我做了一个联系我部分来接收任何想要在我的网站上发送消息的人的邮件，因此它不必是安全的。

Firebase 规则：

{
  "rules": {
    ".read": true,
    ".write": true
  }
}

发送post请求时出错：

从源“http://localhost:4200”访问“https://pokedex-app-with-react-default-rtdb.firebaseio.com/messages”处的 XMLHttpRequest 已被 CORS 策略阻止：响应预检请求未通过访问控制检查：它没有 HTTP 正常状态。

我尝试了代理方法，但没有成功。

Answer 1

错误消息中的 URL 末尾缺少

.json

后缀，这是访问 Firebase 实时数据库的 REST API 所必需的。因此，将 URL 更改为

https://pokedex-app-with-react-default-rtdb.firebaseio.com/messages.json

。

另请参阅：

• 通过 id 从 firebase 选择数据会出现 CORS 错误