title: Nginx not serving the right resources
body: <p>My use-case is pretty dead simple:  </p>
  
  <pre><code>/var/www
  ├── public/
  │   └── index.html
  └── app/
      ├── css/
      ├── js/
      └── index.html
  </code></pre>
  
  <p>I want to serve <code>public/index.html</code> as a fallback landing page to any request not pointing <code>app/(.*)</code>, and serve the content of <code>app/</code> on accessing <code>mydomain.local/app</code></p>
  
  <p>What am I doing wrong with this configuration?</p>
  
  <pre><code>server {
      listen 80;
      listen [::]:80;
      listen 192.168.0.200:80;
  
      server_name mydomain.local;
  
      index index.html;
  
      location / {
          root /var/www/public/;
      }
  
      location /app {
          root /var/www/;
      }
  }
  </code></pre>