在生产中链接被设置为 localhost:3000/og.png

Question

我正在应用程序目录中使用动态图像功能。

基本上，我创建一个 opengraph-image.tsx 文件，它会自动生成一个 og 图像。

然而，在生产中，og 图像的 src 设置为localhost:3000/og.png而不是mywebsite.com/og.png

知道如何解决这个问题吗？我没有localhost:3000在我的项目中指定任何地方

我的代码与 next.js 文档完全相同：https://nextjs.org/docs/app/api-reference/file-conventions/metadata/opengraph-image#dynamic-assets---generate-images-with-code

从上面的文档中，这是 opengraph-image.tsx 文件的输出。图片的src是自动生成的，我无法自己设置。我不确定它是如何生成链接的。

<meta property="og:image" content="<generated>" />

Answer 1

我必须在布局页面中设置metadataBase

export const metadata = {
  metadataBase: new URL('https://website.com'),
};