沃梦达 / 编程问答 / 前端问题 / 正文

给定的客户端ID(GSI)不允许指定的来源

沃梦达教程前端问题

2022-01-01

The given origin is not allowed for the given client ID (GSI)(给定的客户端ID(GSI)不允许指定的来源)

本文介绍了给定的客户端ID(GSI)不允许指定的来源的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我在http://localhost:8080上将gapi替换为gsi，从而重构我的Google&Quot；登录。

gapi在gsi声称The given origin is not allowed for the given client ID时，gapi怎么能正常工作？

gapi

<script src="https://apis.google.com/js/api:client.js" async defer></script>

window.gapi.load('auth2', () => {
  const auth2 = window.gapi.auth2.init({ client_id })
  auth2.signIn().then(console.log)
})

gsi

<script src="https://accounts.google.com/gsi/client" async defer></script>

<div id="g_id_onload"
     :data-client_id="client_id"
     data-login_uri="http://localhost:8080"
     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>

输出错误：The given origin is not allowed for the given client ID