小编Dal*_*vis的帖子

这里让我失望的是关键字additional。用户每次登录 Google 时都会看到此屏幕。他们不应该只看到一次（第一次）吗？

我正在使用Google 3P 网站授权 JavaScript 库。

我在实施中遵循了该文档。

我觉得很奇怪的是，屏幕上显示“附加访问权限”，但没有列出任何附加权限请求。

任何人都知道这可能是什么原因造成的？或者这是预期的行为？

我已经寻找这个问题的解决方案近两周了，但我仍然完全迷失了。我正在制作一个简单的登陆页面，我不需要任何滚动。我需要一个标题，后跟一个包含段落和图像的引导行。这是我的 MS Paint 示例：

够简单吧？好吧，我一生都无法弄清楚如何让该图像缩小以适应该行。这就是我现在发生的事情。注意：当您在 stackoverflow 上运行代码片段时，窗口很小。使用JSFiddle可以更轻松地查看发生了什么

body, html {
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0;
}

.content {
}

img {
  height: 100%;
}

h1 {
  background-color: white;
}

.banner {
  height: 90%;
  background-color: red;
}

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
          
<div class="banner">

  <h1>
    Header
  </h1>

  <div class="row content">
    <p> Hello World </p>
    <img src="https://upload.wikimedia.org/wikipedia/commons/8/89/Portrait_Placeholder.png">
  </div>
</div>

结果

让我失望的部分是它.row超出了它的父容器.banner。我们如何强制它留在红色区域内？

我搞乱了对象适应、弹性增长、弹性收缩、弹性基础，但这些似乎都没有创建所需的行为。我要疯狂地试图解决这个问题。也许 flexbox 在这里使用的工具是错误的？但我正在尝试利用引导网格系统的媒体查询。预先感谢您的任何帮助！

注意：我将所有内容都嵌套在 中的原因<div class=".banner">是因为我希望标题在红色背景上有阴影。

编辑 我的问题的根源是如何使图像适合仅覆盖红色区域的行？

我正在使用本教程https://docs.woocommerce.com/document/shipping-method-api/创建 Woocommerce 的自定义运输方式，但我在调试时遇到问题。每当用户更新运输方式时，Woocommerce 调用计算运输。我已经用以下内容覆盖了这个功能。

public function calculate_shipping( $package ) {
    // This is where you'll add your rates
    $rate = array(
      'idea' => $this->id,
      'label' => $this->title,
      'cost' => '90.00',
      'calc_tax' => 'per_item'
    );
    echo "<script>console.log('Calculating shipping');</script>";
    $this->add_rate($rate);
  }

最后，我有一种计算“成本”的相当复杂的方法，但我无法调试它，因为该 echo 行在 chrome 控制台中不产生任何输出。任何想法这里发生了什么？

任何帮助将非常感激。谢谢你。

显然谷歌正在停止服务gapi.oauth2。我正在尝试使用他们的新“使用 Google 登录”工具，但它们非常令人困惑。

项目结构
我有一个 Vue 前端，我需要允许用户使用 google 登录。然后，我需要使用 OIDC 服务器流在我的后端对它们进行身份验证。

我的文件结构是 Vue CLI 为您提供的默认结构。

我遵循了这些文档，但它们没有解释如何真正为用户提供登录的机会。比如我们如何启动整个流程？我认为该流程可能是由新的“使用 Google 登录”按钮启动的，但我不知道如何让该按钮发挥作用。

这是我现在正在尝试的方法：

在App.vue我有以下内容

created() {
    loadGSIClient().then((this.GSILoaded = true));
}

googleAuth.js

export function loadGSIClient() {
  console.log("loading GSI");
  return new Promise((resolve, reject) => {
    const script = document.createElement("script");
    script.src = "https://accounts.google.com/gsi/client";
    script.onload = () => {
      var client = window.google.accounts.oauth2.initCodeClient({
        client_id: process.env.VUE_APP_CLIENT_ID,
        scope: "https://www.googleapis.com/auth/calendar.readonly",
        ux_mode: "redirect",
        redirect_uri:
          "http://localhost:5001/sig-wig/us-central1/handleRedirect",
      });
      resolve(client);
    };
    script.onerror = (message, url, line, column, …