У меня есть приложение с интерфейсом JavaScript Facebook React и сервером Python Flask.Я контролирую весь код с обеих сторон.Я хочу добавить логин пользователя, используя Google OAuth2 для аутентификации.
У меня это в основном работает.Я использую flask_dance на стороне сервера, и у меня есть рабочие конечные точки, которые я могу вызывать напрямую через порт сервера (localhost: 5000) для входа и выхода из системы в качестве моего текущего пользователя Google Chrome.
На стороне клиентаЯ работаю с Facebook React, с моим клиентом на localhost: 3000.Я использую React proxy , чтобы перенаправить все запросы сервера на localhost: 5000.
Первоначальный сбой при входе.Когда танец OAuth2 пытается перейти в Google, я получаю: localhost/:1 Failed to load https://accounts.google.com/o/oauth2/auth?response_type=code&client_id=XXX_elided_.apps.googleusercontent.com&redirect_uri=http%3A%2F%2Flocalhost%3A3000%2Flogin%2Fgoogle%2Fauthorized&scope=https%3A%2F%2Fwww.googleapis.com%2Fauth%2Fplus.me+https%3A%2F%2Fwww.googleapis.com%2Fauth%2Fuserinfo.email&state=OuLCVdSdarySrC5kARTeEvktDnB9Vu: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:3000' is therefore not allowed access.
localhost/:1 Failed to load https://accounts.google.com/o/oauth2/auth?response_type=code&client_id=XXX_elided_.apps.googleusercontent.com&redirect_uri=http%3A%2F%2Flocalhost%3A3000%2Flogin%2Fgoogle%2Fauthorized&scope=https%3A%2F%2Fwww.googleapis.com%2Fauth%2Fplus.me+https%3A%2F%2Fwww.googleapis.com%2Fauth%2Fuserinfo.email&state=OuLCVdSdarySrC5kARTeEvktDnB9Vu: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:3000' is therefore not allowed access.
Похоже, проблема в каламбуре порта 3000/5000.
На самом деле я не замужем за какой-либо частьюэто решение.Итак, я был бы рад либо решению этой насущной проблемы, либо любому другому способу легкого внедрения аутентифицированного Google входа в систему для проекта React / Flask.