在react中使用Meta标签在slack上分享链接时如何显示标题，图像和描述?

Question

我在我的项目中添加了元标签，它在本地主机和现场网站上运行良好。但我的托管项目共享在slack不显示标题和描述内容。如何解决这类问题

<MetaTags>
<title>{TITLE}</title>
<meta name="description" content={pageDescription} />
<meta property="og:title" content={pageTitle} />
<meta property="og:image" content="images/logo-square.png" />
</MetaTags>

Answer 1

这取决于如何加载这些元数据，如果你使用react app并在组件中添加这些元数据，它将无法工作。由于React是单页应用程序，当你在slack、facebook、twitter等应用程序上分享任何内容时，当你在这些应用程序上发送链接时，他们会根据请求从网站负责人那里搜索元数据。他们不会在任何浏览器上加载网站，这将渲染react应用程序并获得那些元标签。你必须在服务器级响应发送者上提供元标记。