title: How do I configure dynamic og tags in nuxt.js (vue.js)?
body: <p>I started the nuxt app with vue init nuxt / express myprojectstart.</p>
  
  <p>Here is my directory.</p>
  
  <pre><code>page
  |- _project.vue
  |- project
    | - index.vue
  </code></pre>
  
  <p>The configuration of _project.vue</p>
  
  <pre><code>export default {
    head () {
      return {
        title: this.project.title,
        meta: [
          {property: 'fb:app_id', content: '12873892173892'},
          {property: 'og:title', content: this.project.title},
          {property: 'og:image', content: this.project.image},
        ],
      }
    }
  },
  async asyncData ({app, params, error}) {
    const project = await app. $ axios. $ get (`/ project`)
      return {
        project: project.project,
      }
    }
  }
  </code></pre>
  
  <p>However, if you press the Facebook Share button, the desired title and image will not appear.</p>
  
  <p>I think this is a server side rendering issue. But I could not solve this problem.</p>
  
  <p>I would appreciate your help.</p>