title: Why Node.js not recognizing image path
body: <p>I'm trying to get my images to load up using node the relative path; however it keeps giving me a 404 error (not found). Here is my code: </p>
  
  <pre><code>var express = require("express");
  var app = express();
  
  app.use(express.static("public"));
  app.set("view engine", "ejs");
  app.get("/", function(req,res){
    res.render("home");
  });
  
  
  app.get("/fallinlovewith/:thing", function(req, res){
    var thing = req.params.thing; 
    res.render("love", {thingVar: thing});
  });
  
  
  app.get("/posts", function(req, res) {
      var posts = [
          {title: "Post 1", author: "Susy" },
          {title: "My adorable pet Bunny!", author: "Bob" },
          {title: "Can you belive this pomsky?", author: "Ethan" },
        ];
  
    res.render("posts", {posts: posts});
  });
  
  app.listen(process.env.PORT, process.env.IP, function(){
  console.log("server started");
  });
  </code></pre>
  
  <p>Here is my home.ejs file</p>
  
  <pre><code>&lt;% include  partials/header %&gt;
  &lt;h1&gt;This is the home page&lt;/h1&gt;
  &lt;img src="https://i.ytimg.com/vi/gp3ZKiwZMvg/hqdefault.jpg"&gt;
  &lt;img src="public/images/rsz_biopic.jpg"&gt;&lt;/img&gt;
  &lt;% include  partials/footer %&gt;
  </code></pre>
  
  <p>My css file, and image src http path are both working, It's just the relative path. If anyone could help out that would be awesome! </p>