Reactjs 下一个js动态图像位于头部的og图像标记中_Reactjs_Facebook_Next.js

Reactjs 下一个js动态图像位于头部的og图像标记中

reactjs facebook next.js

Reactjs 下一个js动态图像位于头部的og图像标记中,reactjs,facebook,next.js,Reactjs,Facebook,Next.js,我有一个nextjs应用程序。我使用nextjs的head动态生成每个页面的head。问题是当我使用facebook open graph share链接时，og图像或og描述没有呈现。共享URL的图像为空白图像。下面是我的代码示例： <Head> <meta name="og:title" content={ product ? 'product['name'] : 'Product' }

我有一个nextjs应用程序。我使用nextjs的head动态生成每个页面的head。问题是当我使用facebook open graph share链接时，og图像或og描述没有呈现。共享URL的图像为空白图像。下面是我的代码示例：

<Head>
   <meta
      name="og:title"
      content={
        product ? 'product['name'] : 'Product'
      }
      />
        
      <meta name="og:type" content="Product" />
        
      <meta
          name="og:image"
          content={product ? product.galleries[0].gallery.media[0].file : ''}
        />
</Head>

shareUrl

是我的配置中的一个变量，它是我的主URL，它与当前产品URL相关联

Facebook向您的服务器发出HTTP请求。返回的HTML中的元标记需要包含您希望它们包含的数据。因此，您必须在服务器上渲染它。

  const facebookShareLink =
    'https://www.facebook.com/sharer/sharer.php?u=' +
    shareUrl +
    stripQueryStringAndHashFromPath(route)