title: How can I reference images online in Vue js?
body: <p>I have something like this:</p>
  
  <p><code>&lt;img class="product_image" src="{{ product.Image_url }}"&gt;</code></p>
  
  <p><code>product.Image_url</code> is referenced to my database that has an image URL like <code>https://hackernoon.com/hn-images/1*YNBTPaCNBNWLoT7XAbJ1Lw.png</code>. This piece of code is giving me a <code>Failed to load resource: the server responded with a status of 404 (Not Found)</code> error. I am not sure what I am doing wrong here. </p>
  
  <p>Would appreciate help in this regard.</p>
  
  <p>Thanks! </p>