当我将 Next.js 13 og 图像放入应用程序目录时，它不起作用

Question

“我阅读了文档，其中指出将 opengraph-image.(jpg|jpeg|png|gif) 图像文件添加到任何路线段。我将 opengraph-image.png 放在应用程序的根目录中，但是在构建之后它没有为我生成 og 图像标签。有什么想法吗？

我希望它可以在index.html中为我生成og图像标签

Answer 1

我通过在元数据中添加metadataBase来解决这个问题

export const metadata = {
  title: "Next Dashboard",
  description: "Dashboard wrote in Next.js",
  metadataBase: new URL("https://next-dashboard.pinkjelly.org/"),
};