title: nginx can't find my files inside a location block
body: <p>I am trying to get nginx to serve a beta version of a angular2 front end replacement of my rails app by navigating to .../beta but I can't seem to get nginx to find any files.  </p>
  
  <p>I have tried navigating to ..../beta  ..../beta/index.html, but it never seems to find the index (or any files I put in that directory).</p>
  
  <p>Here is the location block which I know is being matched because with the try_files directive I get routed to my normal rails app whenever I try to go anywhere under beta. (without the try_files I get an nginx 404 reply)</p>
  
  <pre><code>  location /beta {
      root /var/www/ourlatitude/angular_dist;
      try_files  $uri $uri/ /;
    }
  </code></pre>
  
  <p>I also know the file exists because I can list the file and see the contents from the script that starts nginx.</p>
  
  <pre><code>echo "starting nginx"
  ls -l /var/www/ourlatitude/angular_dist/index.html
  cat /var/www/ourlatitude/angular_dist/index.html
  nginx -g "daemon off;"
  </code></pre>
  
  <p>Here is the output from the script.</p>
  
  <pre><code>starting nginx
  -rw-rw-r-- 1 root root 900 Apr 15 16:16 /var/www/ourlatitude/angular_dist/index.html
  &lt;!doctype html&gt;
  &lt;html&gt;
  &lt;head&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;title&gt;Ourlatitude&lt;/title&gt;
    &lt;base href="/"&gt;
  
    &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
    &lt;link rel="icon" type="image/x-icon" href="favicon.ico"&gt;
    &lt;link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"&gt;
    &lt;link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic"&gt;
  &lt;link href="styles.c06b2f9217e876bbd94a.bundle.css" rel="stylesheet"/&gt;&lt;/head&gt;
  &lt;body&gt;
    &lt;app-root&gt;Loading...&lt;/app-root&gt;
  &lt;script type="text/javascript" src="inline.1b4e5bfe11db95ba56df.bundle.js"&gt;&lt;/script&gt;&lt;script type="text/javascript" src="polyfills.1511b33427d0b840a6ea.bundle.js"&gt;&lt;/script&gt;&lt;script type="text/javascript" src="vendor.2104002a7ee0b6a6562f.bundle.js"&gt;&lt;/script&gt;&lt;script type="text/javascript" src="main.8ad811b26786bedbaf91.bundle.js"&gt;&lt;/script&gt;&lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I feel I am missing something really basic here.
  Any ideas what might be going on?</p>
  
  <p>I can include more of the nginx config file if that helps.</p>
  
  <p>The only other out of the ordinary thing I am doing is this is all within a docker container,  but I don't <em>think</em> that matters.</p>