next.js 在生产环境中,链接被设置为localhost:3000/og.png

nzkunb0c  于 2023-05-17  发布在  其他
关注(0)|答案(1)|浏览(134)

我在应用程序目录中使用动态og图像功能。
基本上,我创建了一个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>" />
ejk8hzay

ejk8hzay1#

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

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

相关问题