Firebase：本地主机上的错误（auth/unauthorized-domain）答案

【问题标题】：Firebase: Error (auth/unauthorized-domain) on localhostFirebase：本地主机上的错误（auth/unauthorized-domain）
【发布时间】：2023-01-19 20:21:58
【问题描述】：

我在 google 身份验证期间在本地主机上收到 Firebase: Error (auth/unauthorized-domain)。我发现这个错误是在 Firebase 中未将域添加到授权域时引起的。但是当我检查授权域时有本地主机，并且不知道是谁导致了这个错误......

const signInWithGoogle = () => {
    const provider = new GoogleAuthProvider()
    signInWithPopup(getAuth(), provider)
        .then((result) => {
            console.log(result.user)
            router.push("/login")
        })
        .catch((error) => {
            console.log(error)
            alert(error.body + ": " + error.message)
        })
}

【问题讨论】：

您是否在控制台中激活了 Google 身份验证？您是否正在访问 127.0.0.1 而不是 localhost/ 的站点？
啊哈，你是对的，请使用 127.0.0.1 而不是 localhost...TY！
我将在下面快速添加答案。感谢您的验证。

标签： firebase google-oauth vuejs3 vite

【解决方案1】：

如上所述，要访问的 url 是 localhost/ 而不是 127.0.0.1，因为它与 localhost/ 是不同的域，尽管它对您的机器来说实际上是相同的。

【讨论】：

【解决方案2】：

添加 1.从 'dns' 导入 dns 2. dns.setDefaultResultOrder('逐字')

vite.config.js 中的命令

运行''' npm 运行开发''' 它会在终端中为您提供指向本地主机的链接，以打开您的应用程序并运行它。它肯定会起作用。非常感谢您考虑我的请求。

【讨论】：