时间戳

首页 > 解决方案 > Next js 的元标记问题

next.js - Next js 的元标记问题

问题描述

我是Next js的新手，并试图在我的项目中编写一些关于社交媒体的动态开放图元标记。问题是，我可以在我的检查器中看到所有元标记，但是当我试图在我的源代码或 facebook 共享调试器中找到它们时，我只能看到一些元标记，它们与开放图无关那些。

我在源代码或共享调试器中看到的元标记：

<head>
       <meta charSet="utf-8"/>
       <meta name="viewport" content="width=device-width"/>
       <meta name="next-head-count" content="2"/>
</head>

我使用 next/head 创建了一个自定义 Head，我已将此自定义 head 放在布局中，而不是在_app.js文件中（但我尝试将其添加到那里，但没有好的结果）。我没有getServerSideProps函数，也不知道在我的代码中哪里实现这个函数。知道可以是什么吗？

标签： next.jsmeta-tagssocial-media

解决方案

我没有 getServerSideProps 函数，也不知道在我的代码中哪里实现这个函数。

您getServerSideProps只能在页面组件上定义（在 pages 目录下）。

https://nextjs.org/docs/basic-features/data-fetching#getserversideprops-server-side-rendering

有一个问题，如何检索元标记的动态值？如果您在客户端使用 获取它们useEffect，则元标记的值在初始呈现时未定义。

如果您需要从外部数据源获取值，您应该将它们获取getStaticProps或getServerSideProps传递给页面道具。

推荐阅读