在我的应用程序中，用户有自己的个人资料页面，其中有他们的个人资料图片（我正在使用 react 路由器来处理客户端的路由）。
我想要做的是：当用户在 messenger/slack/twitter 上发送指向他的个人资料的链接时，链接的缩略图应该是他的个人资料照片。
我知道我需要通过发送正确的元标记来做到这一点，即 <meta property="og:image" content="url-image.jpg">
但我不确定如何实现这一点，我应该知道些什么？我找到了一个叫做 prerender 的东西，但我不确定它是否适用于 React
经过一些研究，我认为这样做的唯一原因是通过服务器端渲染。看起来 Facebook 并不关心加载 JavaScript 并且不会检测到该<head>部分的更改。我通过构建一个简单的 React 应用程序来检查这一点，该应用程序在componentWillMount()部分中设置 OG 数据。在Facebook的调试器找不到头。
因此，您的问题的答案实际上取决于您使用的后端类型。您需要在向客户端发送响应之前设置元数据。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句