og:image URL 错误：https://mydomain/session/upload/undefined 无法作为图像处理，因为它具有无效的内容类型答案

【问题标题】：og:image URL error: https://mydomain/session/upload/undefined could not be processed as an image because it has an invalid content typeog:image URL 错误：https://mydomain/session/upload/undefined 无法作为图像处理，因为它具有无效的内容类型
【发布时间】：2021-07-13 05:19:24
【问题描述】：

这里我曾经使用 Facebook 共享调试器调试上述 URL。调试后我有这个消息。

提供的图片内容无效 og:image URL、https://mydomain/session/upload/undefined 无法作为图片处理，因为它的内容类型无效。

我用过Next.js，我的head标签包括：

<meta
    property="og:image"
    content={`${apiUrl}/session/upload/${session?.image}`}
/>

我该如何解决这个问题？

【问题讨论】：

它抱怨https://mydomain/session/upload/undefined 的事实意味着session?.image 在您的代码中返回undefined。确保始终设置 session.image，或者在未设置时提供不同的图像 URL。
这张图片是通过API调用动态加载的，我认为head标签是在API调用之前渲染的。这就是为什么这个图像返回未定义但我不确定使用什么 nextjs 函数来解决这个问题。

标签： facebook facebook-graph-api next.js socialshare

【解决方案1】：

图像路径是“..../undefined”，该图像很可能不存在。

确保${session?.image} 不是未定义的。如果未定义，您还可以使用后备图像，例如：

<meta
    property="og:image"
    content={session?.image ? `${apiUrl}/session/upload/${session.image}` : 'fallback-image-url'}
/>

【讨论】：

感谢您的回答。图像已定义。还是不行
网页源中图片的具体网址是什么？
会话听起来像一个会话。 Facebook 将发出一个单独的请求，这很可能是一个不同的会话。
@luschn 精确网址 - mydomain/session/upload/undefined 正确的网址应该是 mydomain/session/upload/a7be87f2b811.jpg
没错，它是“未定义”，就像我一样