Facebook 分享按钮不起作用会导致 401 错误答案

【问题标题】：Facebook share button doesn't work gives an 401 errorFacebook 分享按钮不起作用会导致 401 错误
【发布时间】：2021-03-29 06:09:51
【问题描述】：

我正在尝试为我的 GitHub 帐户添加 Facebook 分享按钮。但是当我按下分享按钮时，我收到了这个错误。

这是我非常简单的代码。

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <div id="fb-root"></div>
    <script
      async
      defer
      crossorigin="anonymous"
      src="https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v10.0&appId=236920251173345&autoLogAppEvents=1"
      nonce="rMldTG7p"
    ></script>
    <div
      class="fb-share-button"
      data-href="https://github.com/pathum-kalhan"
      data-layout="button"
      data-size="large"
    >
      <a
        target="_blank"
        href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fqa.gudppl.com%2Fopportunities%2F2420b311-b7d1-4c5c-a772-068ae10cb748&amp;src=sdkpreparse"
        class="fb-xfbml-parse-ignore"
        >Share</a
      >
    </div>
  </body>
</html>

我也搜索谷歌，有人说这是由于 localhost 而发生的，这在 HTTPS 级别上运行良好。但我也将它部署到服务器https://yukon-a2140.web.app/，但结果是一样的。此代码是从 Facebook 开发人员控制台生成的。我想知道为什么这不起作用？

我是否需要专门将我的 GitHub 域添加到 Facebook 应用帐户或其他内容？

任何帮助！

提前致谢。 =)

【问题讨论】：

我将 URL 通过 Facebook 调试工具刷新缓存，developers.facebook.com/tools/debug/… - 再次检查，如果现在事情发生了变化。
谢谢。把这个作为答案。我会将其标记为答案。 =)

标签： javascript reactjs facebook vue.js facebook-javascript-sdk

【解决方案1】：

看起来 Facebook 缓存了一个旧结果。

通过 Facebook 共享调试工具输入 URL 并触发重新抓取以刷新缓存修复了该问题。

https://developers.facebook.com/tools/debug/?q=https%3A%2F%2Fgithub.com%2Fpathum-kalhan

【讨论】：

非常感谢。 =)