Vue 和 Firebase Auth REST Api Cors 问题

Posted 2023-02-22

【中文标题】Vue 和 Firebase Auth REST Api Cors 问题

【英文标题】：Vue and Firebase Auth REST Api Cors problem

【发布时间】：2021-06-11 08:19:16

【问题描述】：

使用 Vue 3，我正在尝试使用 REST API 对 Firebase 进行身份验证。

我正在使用 vs code 并使用 npm run serve 在本地服务中运行代码。

axios
.post('https://identitytoolkit.googleapis.com/v1/accounts:signIn?key=[MY_API_KEY]', 
       email: credentials.email,
       password: credentials.password,
       returnSecureToken: true
)

我遇到了 CORS 问题。在控制台中我有以下错误：

跨域请求被阻止：同源策略不允许读取位于https://identitytoolkit.googleapis.com/v1/accounts:signIn?key=[MY_API_KEY] 的远程资源。 （原因：CORS 标头“Access-Control-Allow-Origin”缺失）。

我该如何解决这个问题？

【参考方案1】：

您应该安装 npm install firebase --save 以通过 firebase 进行身份验证