Facebook 分享按钮不起作用会出现 401 错误

Question

我正在尝试为我的 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>

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

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

任何帮助！

提前致谢。 =)

Answer 1

Facebook 似乎缓存了旧结果。

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

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

Facebook 分享按钮不起作用会出现 401 错误

Facebook share button doesn't work gives an 401 error

javascript

facebook

facebook-javascript-sdk

reactjs

vue.js