Как избавиться от ошибки CORS в React.js
Я подключил Firebase Auth, для входа на сайт с помощью аккаунта Google. При использовании кнопки sign in with google на мгновение вылезает окно входа, и закрывается. Консоль выдаёт ошибку
Запрос из постороннего источника заблокирован: Политика одного источника запрещает чтение удаленного ресурса на https://identitytoolkit.googleapis.com/v1/projects?key=XXXXXXXXXXXXXXXXXXX. (Причина: заголовок CORS «Access-Control-Allow-Origin» не совпадает с «https://localhost:3000»).
Пересмотрел кучу топиков на эту тему, никак не смог разобраться что нужно сделать. Сам скрипт входа:
import { initializeApp } from "firebase/app";
import { getAuth, GoogleAuthProvider, signInWithPopup } from "firebase/auth";
const firebaseConfig = {
apiKey: "xxx",
authDomain: "xxx",
projectId: "xxx",
storageBucket: "xxx",
messagingSenderId: "xxx",
appId: "xxx",
};
const app = initializeApp(firebaseConfig);
export const auth = getAuth(app);
const provider = new GoogleAuthProvider();
export const signInWithGoogle = () => {
signInWithPopup(auth, provider)
.then((result) => {
console.log(result);
})
.catch((error) => {
console.log(error);
});
};
Ответы (1 шт):
Автор решения: Dmitriy Grape
→ Ссылка
Насколько мне известно, браузеры запрещают CORS запросы с localhost.
Мои коллеги использовали этот npm пакет: local-cors-proxy. Им помогло.