title: Why is server not loading the models properly? (error 404)
body: <p>For a school project I am trying to create a face recognition tool. To create this I used <a href="https://www.youtube.com/watch?v=CVClHLwv-4I" rel="nofollow noreferrer">this tutorial</a>.</p>
  
  <p>The code runs fine in Visual Studio code with live server (running live server is a key but I can't figure out why this is so important)</p>
  
  <p>But now I'm trying to put my work on a real server (server is granted to us by school). But when I upload all the files to my school server the console says it couldn't find the right models. The link the console tries to fetch the files from seems right so I'm confused and can't figure out what the problem is.</p>
  
  <p>Code that loads the models:</p>
  
  <pre><code>Promise.all([
  faceapi.nets.tinyFaceDetector.loadFromUri('./models'),
  faceapi.nets.faceLandmark68Net.loadFromUri('./models'),
  faceapi.nets.faceRecognitionNet.loadFromUri('./models'),
  faceapi.nets.faceExpressionNet.loadFromUri('./models'),
  ]).then(startVideo)
  </code></pre>
  
  <p>Server build-up:</p>
  
  <p><a href="https://i.stack.imgur.com/x8gDA.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/x8gDA.png" alt="Picture about how the server structure looks like"></a> </p>
  
  <p>Console error log: </p>
  
  <p><a href="https://i.stack.imgur.com/NUZpU.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/NUZpU.png" alt="Picture of the console with the fetch errors"></a></p>