title: Firebase application cannot access pages other than the index
body: <p>I'm writing my own blog site in EmberJS and will be deployed via firebase</p>
  
  <p>I have a very simple application with 3 routes.</p>
  
  <p>This is the welcome page</p>
  
  <p><a href="https://i.stack.imgur.com/En40T.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/En40T.png" alt="Welcome"></a></p>
  
  <p>It's URL is </p>
  
  <pre><code>https://foo.firebaseapp.com/welcome
  </code></pre>
  
  <p>This is the blog page</p>
  
  <p><a href="https://i.stack.imgur.com/bry0H.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/bry0H.png" alt="Blog here"></a></p>
  
  <p>It's URL is </p>
  
  <pre><code>https://foo.firebaseapp.com/blog
  </code></pre>
  
  <p>Lastly I have a login page (not shown), and an index (which only redirects to \welcome). </p>
  
  <p>So here's the problem: If I go to </p>
  
  <pre><code>https://foo.firebaseapp.com
  </code></pre>
  
  <p>Then it will redirect to the welcome page as expected. Furthermore, it displays <code>https://foo.firebaseapp.com/welcome</code> in my browser URL. However, if I go to </p>
  
  <pre><code>https://foo.firebaseapp.com/welcome
  </code></pre>
  
  <p>It does NOT go to the webpage. Instead it returns:</p>
  
  <p><a href="https://i.stack.imgur.com/JSZ9X.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/JSZ9X.png" alt="not found"></a></p>
  
  <p>What this means is that I can't access individual routes/pages in my application. In order to get to /login, /welcome, or /posts, I have to get there from the index. </p>
  
  <p>Why is firebase behaving this way? How can I access urls without going to the index first?</p>