Firebase и VueJS: неперехвачено (в обещании) DOMException: заблокирован кадр с источником «http://localhost: 3000» - PullRequest
Новая
       46

Firebase и VueJS: неперехвачено (в обещании) DOMException: заблокирован кадр с источником «http://localhost: 3000»

0 голосов
/ 04 августа 2020

Я следую официальным руководствам по аутентификации firebase и продолжаю получать эту ошибку для следующего кода: 

const provider = new firebase.auth.GoogleAuthProvider()
      firebase.auth()
        .signInWithPopup(provider)
        .catch((error) => alert(error.message))
        .then((data) => console.log(data.user, data.credential.accessToken))

вот моя ошибка консоли: 

backend.js:12632 Uncaught (in promise) DOMException: Blocked a frame with origin "http://localhost:3000" from accessing a cross-origin frame.

У меня есть localhost как домен из белого списка в консоли аутентификации

Нужно ли мне также добавить порт? предполагая, что это поможет ... но любой совет будет оценен. спасибо

FYI, я использую Nuxt (Vue)

1 Ответ

0 голосов
/ 04 августа 2020

Я думаю, это может быть потому, что signInWithPopup загружает <iframe> для провайдера аутентификации.

Я не могу сказать только по опубликованному коду, но я предполагаю, что вы, возможно, используете Google или facebook auth, и вам нужно будет внести localhost в белый список с поставщиком auth, что вы не сможете сделать.

Если это так, самым простым способом может быть использование прокси, например ngrok для получения временного сервера, доступного через Интернет (также может помочь https)

...