Django + React, кнопка входа в Google не отображается

Я использую frontend как React и backend как Django.

Я хочу добавить социальный логин Google, но кнопка не отображается.

Я копирую и вставляю эту ссылку, https://developers.google.com/identity/gsi/web/guides/display-button

Вот мой код.

react - index.html

<script src="https://accounts.google.com/gsi/client" async defer></script>
<div id="g_id_onload"
     data-client_id="1234567890-myclientid.apps.googleusercontent.com"
     data-login_uri="http://127.0.0.1:8000/accounts/google/login/"
     data-auto_prompt="false">
  </div>
  <div class="g_id_signin"
     data-type="standard"
     data-size="large"
     data-theme="outline"
     data-text="sign_in_with"
     data-shape="rectangular"
     data-logo_alignment="left">
  </div>

django - urls.py ... path('accounts/', include('allauth.urls'),), ...

произошла ошибка.

Страница

'/accounts' работает очень хорошо.

[GSI_LOGGER]: Ошибка при разборе конфигурации из HTML: Unsecured login_uri provided.

enter image description here

Измените ваш data-login_uri на http://localhost:8000/...

data-login_uri не принимает URI не-HTTPS, которые являются "Unsecure", единственным исключением является "localhost" (для локальной разработки), а "127.0.0.1" не считается.

Также не забудьте добавить оба http://localhost и http://localhost:8000 к Авторизованным источникам JavaScript.

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