在 < link>< head>启用appDir的情况下使用Next.js>13.3添加标记

dgjrabp2  于 2023-05-06  发布在  其他
关注(0)|答案(1)|浏览(151)

在Next.js 13.4上使用appDir的文档说明如下:
步骤3:迁移next/head
在pages目录中,next/head React组件用于管理HTML元素,如title和 meta。在app目录中,next/head被替换为新的内置SEO支持。
但是next/head组件也可以添加非SEO标签。特别是,我想添加<link rel="...">标记。如果元数据机制似乎不支持链接标记(只支持定制的<meta>标记),那么如何实现这一点呢?
我不能直接将标签添加到根布局,因为有些标签只应该存在于网站主页上。如果布局知道当前路由,我可以有条件地将标记添加到根布局,但它似乎不适用于SSG。

2o7dmzc5

2o7dmzc51#

基于文件的元数据呢?
一旦定义了一个文件,Next.js将自动提供该文件(在生产环境中使用散列进行缓存),并使用正确的元数据(如资产的URL、文件类型和图像大小)更新相关的head元素。
你有没有试过只在应用程序目录中添加文件?

相关问题