Javascript Nuxt |和#xA0；每个页面的特定OG图像和标签

我在静态模式下使用Nuxt。在

numxt.config.js

文件中，我正在设置一般标题：

export default {
  ssr: false,
  target: 'static',
  /*
   ** Headers of the page
   */
  head: {
    titleTemplate: '%s | company GmbH',
    meta: [{
        charset: 'utf-8'
      },
      {
        name: 'viewport',
        content: 'width=device-width, initial-scale=1'
      },
      {
        hid: 'og:type',
        property: 'og:type',
        content: 'website'
      },
      {
        hid: 'og:site_name',
        property: 'og:site_name',
        content: 'company name'
      },
      {
        hid: 'og:image',
        property: 'og:image',
        content: 'https://.../media/meta-image.jpg'
      },
    ]
  },

它在每个页面中生成静态HTML，看起来像这样，即使不运行HTML也可以进行处理：

<meta data-n-head="1" charset="utf-8">
<meta data-n-head="1" name="viewport" content="width=device-width,initial-scale=1">
<meta data-n-head="1" data-hid="og:type" property="og:type" content="website">
<meta data-n-head="1" data-hid="og:site_name" property="og:site_name" content="company GmbH">
<meta data-n-head="1" data-hid="og:image" property="og:image" content="https://.../media/meta-image.jpg">

这部分代码的呈现方式如下，但仅当JS运行时：

<meta data-n-head="2" data-hid="og:image" property="og:image" content="https://.../_nuxt/img/someimage.jpg">
<meta data-n-head="2" data-hid="og:title" property="og:title" content="Title of the page">
<meta data-n-head="2" data-hid="og:description" property="og:description" content="Some description">
  

这适用于可以运行javascript的google和搜索引擎，但不适用于facebook/linkedin/等，后者不运行javascript，只处理HTML中真正静态的第一个标题

你对如何解决这个问题有什么建议吗？如何获取第二级头标记，这些头标记位于javascript文件中，在JavaCScript未运行时不会呈现？ 谢谢

<meta data-n-head="2" data-hid="og:image" property="og:image" content="https://.../_nuxt/img/someimage.jpg">
<meta data-n-head="2" data-hid="og:title" property="og:title" content="Title of the page">
<meta data-n-head="2" data-hid="og:description" property="og:description" content="Some description">