如何覆盖Next.js为opengraph-image.tsx生成的URL？

lztngnrs 于 2023-05-28 发布在其他

关注(0)|答案(1)|浏览(104)

Next.js提供了一种通过提供opengraph-image.tsx文件来自动生成开放图形图像的方法。
作为一个例子，我在这个路由中添加了这样的文件：
https://ray.run/blog/organizing-playwright-tests-using-tags
这在当地是可以预期的。但是，如果您查看页面生成的HTML代码，在撰写本文时，它链接到：

<meta property="og:image" content="http://localhost:6400/blog/organizing-playwright-tests-using-tags/opengraph-image?e0b86842aed430f7"/>

目前尚不清楚next.js的哪个设置控制了此行为。
我试着查看next.config.js，但没有任何设置可以控制此URL。

next.js

来源：https://stackoverflow.com/questions/76345556/how-to-override-the-url-that-next-js-generates-for-opengraph-image-tsx

1条答案

按热度按时间

vu8f3i0k1#

结果是metadataBase设置，应该在layout.tsx中设置：

import { Metadata } from 'next';
 
export const metadata: Metadata = {
  metadataBase: new URL('https://acme.com/api'),
};

赞(0）回复(0）举报 2023-05-28

我来回答

如何覆盖Next.js为opengraph-image.tsx生成的URL？

1条答案

相关问题

热门标签

最新问答