javascript - android 403 for <script src ="https://accounts.google.com/gsi/client"async defer></script>

Question

当通过浏览器在本地运行我的 Angular ( ionic 框架)应用程序时，一切正常，但是当通过 android studio 运行或打包并推送到手机中时，我得到 403。
这是在 index.html 的这一行:<script src="https://accounts.google.com/gsi/client" async defer></script>我正在尝试根据此页面集成/实现“使用 Google 登录”按钮:https://developers.google.com/identity/gsi/web/guides/client-library
任何指针？
提前致谢!

Answer 1

我在 REACT 中遇到了同样的问题。
我的问题的解决方案是在 google.accounts.id 上方添加/* global google */。
/* global google */将此行放在我们的代码上方，它将自动引用 index.html 文件中的脚本。
React.js 示例

import './App.css';
import { React, useEffect } from 'react'
import jwt_decode from 'jwt-decode'

function App() {

  function handleCallbackResponse(response) {
    var userObject = jwt_decode(response.credential);
    console.log(userObject);
  }
  useEffect(() => {

    /* global google */  <-- Add this line before calling google.accounts.id

    google.accounts.id.initialize({
     client_id: "Your Client ID here",
     callback: handleCallbackResponse
    })

    google.accounts.id.renderButton(
     document.getElementById("signInDiv"),
      { theme: "outline", size: "large" }
    );

    return () => {
    }
  }, [])


  return (
   <div className="App">
   <div id="signInDiv"></div>
   </div>
  );
}

export default App;