next.js 从下一个/头导入的头在共享页面上无法正常工作
[英]next.js Head imported from next/head doesn't work properly on share pages
问题描述
我已从 create-react-app 迁移到 create-next-app 到我的网站，但 Head(app/head) 组件无法正常工作
假设我有一个博客，并且在页面中，我有以下结构：pages/blog/index.js、pages/blog/[slug].js。 在 [slug].js 中，我使用的是 Head 组件，因此它采用了博客文章的标题： <Head><title>{post.title}</title></Head>问题是使用 react 时- 在博客文章中分享它没有放置正确的标题，即使我在页面上执行检查元素，我也可以看到正确的 Head 值，但 Facebook 调试（ https://developers.Z26CAE7718C32180A7A9Z8C32180A7A9ZF. /debug/ ) 工具无法识别正确的标题。
将使用任何帮助。 多谢你们
1 个解决方案
解决方案1
0 2020-07-15 19:33:19
答案是您应该通过 getInitialProps 带来数据，以便组件可以访问它，而不是通过 useEffect :)
如何通过 getStaticProps() 在 Next.js 上动态设置标题
[英]How to dynamically set a title in <Head> on Next.js through getStaticProps()
Next.js – encodeURIComponent 不适用于 `getStaticPaths` 中的 `/`
[英]Next.js – encodeURIComponent doesn't work with `/` in `getStaticPaths`
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.
相关问题
Next.js - 头元素不起作用
如何在 Next.js 中设置 head？
构建 next.js 应用程序时出错：无法解析“下一个/头”
在 Next.js 博客上的 HEAD 中添加内联样式表
如何在 Next.js 中设置默认 Head 标签的样式
如何通过 getStaticProps() 在 Next.js 上动态设置标题
为什么 Next.js Json.map 不能正常工作？
Next.js-Webpack别名组件文件夹不起作用
Next.js – encodeURIComponent 不适用于 `getStaticPaths` 中的 `/`
createUser 不适用于 Firebase/Auth + Next.js
相关标签