title: Images(PNG,JPG) won't show on Heroku App after deploying Node JS
body: <p>So I have built my app using Node JS. Everything worked out perfectly via testing locally using localhost:3000. </p>
  
  <p>When I was testing app locally, I've used path such as</p>
  
  <pre><code>&lt;p&gt;
      &lt;img src="http://localhost:3000/images/logo/sample.jpg" /&gt;
  &lt;/p&gt;
  </code></pre>
  
  <p>to make my browser get image file and render it. </p>
  
  <p>Of course I've set it up <strong>/public</strong> as my static folder inside <strong>app.js</strong> </p>
  
  <p>So I've realized after deploying to Heroku that using <strong><a href="http://localhost:3000/images/logo/sample.jpg" rel="nofollow noreferrer">http://localhost:3000/images/logo/sample.jpg</a></strong> gets me <strong>404 error</strong> code but I've resolved by removing <strong>localhost:3000</strong> and just used <strong>/images/logo/sample.jpg</strong> </p>
  
  <p>Using Chrome's Developer tool against my Heroku app (after deploying), I was able to see that images were loaded perfectly but ended up not displaying. And one strange part that I've noticed was the type of document. Both <strong>.png</strong> and <strong>.jpg</strong> files inside Heroku was read as <strong>html/text</strong> type rather than image type. </p>
  
  <p>Is there a method which I can tell Heroku that my <strong>.png</strong> or <strong>.jpg</strong> files aren't <strong>html/text</strong> type? </p>
  
  <p>I do not want to use S3 or paid cloud services... Just want to use Heroku's free plan. </p>
  
  <p>Thank you all.</p>