Vue 和 Firebase Auth REST Api Cors 问题答案

【问题标题】：Vue and Firebase Auth REST Api Cors problemVue 和 Firebase Auth REST Api Cors 问题
【发布时间】：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”缺失）。

我该如何解决这个问题？

【问题讨论】：

标签： firebase vue.js firebase-authentication axios

【解决方案1】：

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

【讨论】：