У меня проблема с использованием google OAuth2 с django: GSI_LOGGER]: Данное происхождение не разрешено для данного ID клиента

У меня проблема с пакетом @react-oauth/google npm. Когда я использую react app на порту 3000 и backend django на порту 8000, все работает, но после того, как я создаю react app и использую порт 8000, я пытаюсь войти в систему через google, я получаю, что Erros:

Failed to load resource: the server responded with a status of 400 m=credential_button_library:45 [GSI_LOGGER]: The given origin is not allowed for the given client ID. Я сделал двойную проверку на 'Authorised JavaScript origins' и 'Authorised redirect URIs' (изображение прилагается) но дающие источники разрешены, так в чем может быть проблема?

Я читал о подобных проблемах здесь на сайте и также пробовал CHAT GPT, но ничего не помогло. Вот мои конфигурации:

CORS_ALLOWED_ORIGINS = [
    "http://localhost:8000",
    "http://localhost:3000",
    "http://127.0.0.1:3000",
    "http://127.0.0.1:8000"
]

class GoogleLogin(SocialLoginView):
    adapter_class = GoogleOAuth2Adapter
    callback_url = ['http://localhost:8000', 'http://localhost:3000', 'http://127.0.0.1:8000', 'http://localhost:8000/accounts/google/login/callback/']  # !
    client_class = OAuth2Client

enter image description here

enter image description here

Закомментируйте CORS_ALLOWED_ORIGINS и попробуйте с CORS_ALLOW_ALL_ORIGINS = True и если это не работает, попробуйте удалить http://localhost:3000 и http://127.0.0.1:8000 из обоих ( CORS_ALLOWED_ORIGINS и GoogleLogin )

Вернуться на верх