title: How to dynamically change meta tags for crawlers on a static vue application?
body: <p>I am building a static vue website with some routes. In one of these routes, I use an Http GET request to get data from a remote server. Something like this:</p>
  
  <pre><code>www.example.com/products/1/
  </code></pre>
  
  <p>This checks my remote server for a product with an id of 1. The product is then returned, and I use that data to populate the template. The only issue is the meta tags. Ideally, I would like to set my meta tags using the data I receive from my server, especially the open graph tags, so that the Facebook share box is properly configured.</p>
  
  <p>However, I am getting the data from the server in my created() function, so changing the meta tags from the component does not seem to work for Facebook and Google crawlers.</p>
  
  <p>What is the correct way to tackle this issue? Thanks!</p>