Static GitHub Issues

[2034] Open Graph Facebook meta tags - Server error

prev: Continuous transition page on route
next: How to protect sensitive data in server side without share with client?

Hello,

When I'm testing out the open graph on our new site, it just gives us a generic nuxt server error with no extra information. When I visit the site, all meta tags are visible and correct.

head code:

  head() {
    let product = this.product
    return {
      title: `${product.name} (PC) - localhost`,
      meta: [
        {
          hid: `description`,
          name: 'description',
          content: product.short_description
        },
        {
          hid: `keywords`,
          name: 'keywords',
          keywords: product.name
        },
        {
          hid: `og:title`,
          property: 'og:title',
          content: `${product.name} (PC) - localhost`
        },
        {
          hid: `og:url`,
          property: 'og:url',
          content: 'https://localhost' + this.$route.fullPath
        },
        {
          hid: `og:image`,
          property: 'og:image',
          content: `${this.$store.state.imageUrl}/assets/img/products/header/460x215/${product.product.image_cover}`
        },
        {
          hid: `og:description`,
          property: 'og:description',
          content: product.short_description
        }
      ]
    }
  },
<!--cmty--><!--cmty_prevent_hook--><div align="right"><sub><em>This question is available on <a href="https://nuxtjs.cmty.io">Nuxt.js</a> community (<a href="https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c1805">#c1805</a>)</em></sub></div>