如何从 next.js amp 页面中删除链接 rel=canonical？

Question

有没有办法完全删除这个元标记？ 它似乎是自动添加的，但我需要摆脱它吗？ 我没有使用任何库来处理元标记/头部，但我没有注意到他们的文档中有任何有用的内容。

编辑：可能 amp for next.js 负责这个标签

Answer 1

我们遇到了类似的问题。 我们在混合模式下运行带有 amp 的 nextjs，有时不希望链接到页面的 amp 版本...... amphtml 和规范链接都是由 next 自动添加的，没有明显的选择退出的方法不是成立。 我们最终为此创建了一个组件，该组件可以包含在我们想要的任何地方。 也许这对你也有用？

import { useEffect } from 'react'    
function NoCanonicalMetaLink() {
  useEffect(() => {
    document.head.querySelector('link[rel="canonical"]')?.remove()
  })
  return null
}

function SomePage() {
  ...
  return (
    ...
    <NoCanonicalMetaLink />
    ...
  )
}