Почему возникает "Ошибка 400: redirect_uri_mismatch"?

Моя цель - реализовать google authentication в моем Django website. Но он показывает, 

Access blocked: This app’s request is invalid
You can’t sign in because this app sent an invalid request. You can try again later, or contact the developer about this issue. Learn more about this error
If you are a developer of this app, see error details.
Error 400: redirect_uri_mismatch

Почему это произошло? Я пытался реализовать это на локальном хосте. Дайте мне понятное решение, чтобы я, как новичок, мог понять. Такие же проблемы возникают и для facebook authentication.

google developer console:

Авторизованное происхождение JavaScript:

urls1:http://localhost:8000
urls2:http://127.0.0.1:8000
urls3:http://localhost:3000
urls4:http://localhost

Авторизованные URI перенаправления:

urls1:http://127.0.0.1:8000/
urls2:http://localhost:8000
urls3:http://localhost:3000
urls4:http://localhost

settings.py:

MIDDLEWARE = [
    'social_django.middleware.SocialAuthExceptionMiddleware',
]

context_processors:

'social_django.context_processors.backends',
'social_django.context_processors.login_redirect',

AUTHENTICATION_BACKENDS = [
        'social_core.backends.google.GoogleOAuth2',
        'django.contrib.auth.backends.ModelBackend',
    ]



LOGIN_URL = '/'
LOGIN_REDIRECT_URL = '/'
LOGOUT_URL = '/' 
LOGOUT_REDIRECT_URL = '/'
SOCIAL_AUTH_GOOGLE_OAUTH2_KEY = '****'    #security purpose I hide this
SOCIAL_AUTH_GOOGLE_OAUTH2_SECRET = '****'    #security purpose I hide this

urls.py

path('social-auth/', include('social_django.urls', namespace='social'))

Добавьте их в разрешенные URI перенаправления в консоли google:

 http://127.0.0.1:8000/auth/google_oauth2/callback
 
 http://localhost:8000/auth/google_oauth2/callback
Вернуться на верх